BootStrap3如何禁止响应式布局

本文主要是介绍BootStrap3如何禁止响应式布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

BootStrap3官网上对其说明如下：

禁止响应式布局有如下几步：

1. 移除 此 CSS 文档中提到的设置浏览器视口（viewport）的标签：<meta>。
2. 通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置，例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意，如果你把它放到媒体查询中，也可以略去!important 。
3. 如果使用了导航条，需要移除所有导航条的折叠和展开行为。
4. 对于栅格布局，额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心，针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。

但是第三步如何实现呢？

我查阅了资料发现将：less变量@screen-xs和@screen-sm设置为0并重新编译less可解决问题。但是最终效果还不是特别好，不过大体上算禁止响应式布局了！

这篇关于BootStrap3如何禁止响应式布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---