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

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 ... element div'container'是固定大小的，当我调整浏览器的宽度时。但导航菜单，网格系统是响应。为什么？请帮帮我。

抱歉，因为我的英语不好！

非常感谢！

Answer 1

构建自定义

http://getbootstrap.com/customize/

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

---

Answer 2

来自Docs

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

Answer 3

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

有关详细信息，请参阅official documentation。