如何禁用Bootstrap 3移动响应？

Question

我在bootstrap.css上评论这些代码，而我的页面现在没有响应。但我的导航栏仍然响应。如何禁用它？

/*@media (min-width: 768px) {
      .container {
        width: 750px;
      }
    }
    @media (min-width: 992px) {
      .container {
        width: 970px;
      }
    }
    @media (min-width: 1200px) {
      .container {
        width: 1170px;
      }*/

Answer 1

关注Bootstrap's官方doc。

Answer 2

Bootstrap制作了true模板，以禁用模板的响应能力。请查看此文档：http://getbootstrap.com/getting-started/#disable-responsive

示例：http://getbootstrap.com/examples/non-responsive

但是我觉得你想按照自己的方式去做，所以你可以试试这个：

non-responsive.css

请注意，上述代码仅适用于@media (min-width: 768px) { .container, .navbar { width: 750px !important; } } @media (min-width: 992px) { .container, .navbar { width: 970px !important; } } @media (min-width: 1200px) { .container, .navbar { width: 1170px !important; } } 和container类。还有其他组件/类应具有静态宽度和高度。所以我建议你看看上面的例子。