Question

我正在为我的网站使用bootstrap。但现在我不想要响应网站。

我们可以停用响应式网站吗？

若是，如何？

任何想法

非常感谢

Answer 1

Bootstrap documentation告诉你如何做到这一点。

省略CSS docs中提到的视口

使用单个宽度覆盖每个网格层的.container上的宽度，例如width：970px！important;请确保这一点   在默认的Bootstrap CSS之后。您可以选择避免使用   ！对媒体查询或某些选择器很重要。

如果使用导航栏，请删除所有导航栏折叠和展开行为。

对于网格布局，请使用.col-xs- *类作为中/大类的补充或替代。别担心，超小型设备网格   缩放到所有分辨率。

例如，添加此CSS（在Bootstrap CSS之后）：

.container {
    width: 970px !important;
}

然后只使用col-xs-*个类。例如：

<div class="container">
    <div class="col-xs-6"></div>
    <div class="col-xs-6"></div>
</div>

＆＃13;

.container {
    width: 970px !important;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

<div class="container">
    <div class="col-xs-6">left</div>
    <div class="col-xs-6">right</div>
</div>

＆＃13;

Answer 2

删除您不再支持的CSS中的媒体查询。（虽然我不得不说，这是一个相当奇怪的要求！）

删除响应式网站HTML

2 个答案: