为什么我不能在我的项目中禁用响应式引导

Question

我有一个大问题。我在我的网站中使用 bootstrap ver 3.1.1，我想在这个项目中禁用 bootstrap 的响应，但我不能！

这是html：

<div class="container">
            <div class="row">
                <div class="col-md-9" style="background-color: yellow;">col left</div>
                <div class="col-md-3" style="background-color: pink;">col right</div>
            </div>
        </div>

这是我的自定义 CSS：

body {
    background-color:#fdfdfd !important;
    font-family:Arial, Tahoma !important;
    min-width: 1024px !important;
}
.container {
    max-width: none !important;
    width:1024px !important;
    background-color:#fff !important;
}

删除页眉中的元标记

<meta name="viewport" content="width=device-width, initial-scale=1">

但是当我在 Firefox、chrome 中测试我的网站时，当我调整浏览器的宽度时，元素 div 'container' 的大小是固定的。但是导航栏菜单，网格系统是响应式的。为什么？请帮帮我。

对不起，我的英语不好！

非常感谢！

Answer 1

为您定制：

http://getbootstrap.com/customize/

（取消选中响应实用程序复选框）

---

Answer 2

您可以通过包含 non-responsive.css 来禁用引导程序的响应能力。

有关它的更多详细信息，请参阅official documentation。

Answer 3

来自Docs

1. 省略 CSS 文档中提到的视口 <meta>
2. 为每个具有单一宽度的网格层覆盖.container 上的width，例如width: 970px !important; 确保它位于默认Bootstrap CSS 之后。您可以选择使用媒体查询或一些选择符来避免 !important。
3. 如果使用导航栏，请移除所有导航栏折叠和展开行为。
4. 对于网格布局，使用.col-xs-* 类补充或代替中/大类。不用担心，超小的设备网格可以扩展到所有分辨率。