本文主要是介绍BootStrap3如何禁止响应式布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
BootStrap3官网上对其说明如下：
禁止响应式布局有如下几步：
- 移除 此 CSS 文档中提到的设置浏览器视口（viewport）的标签：
<meta>。 - 通过为
.container类设置一个width值从而覆盖框架的默认 width 设置，例如width: 970px !important;。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意，如果你把它放到媒体查询中，也可以略去!important。 - 如果使用了导航条，需要移除所有导航条的折叠和展开行为。
- 对于栅格布局，额外增加
.col-xs-*类或替换掉.col-md-*和.col-lg-*。 不要担心，针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。
我查阅了资料发现将：less变量@screen-xs和@screen-sm设置为0并重新编译less可解决问题。但是最终效果还不是特别好，不过大体上算禁止响应式布局了！
这篇关于BootStrap3如何禁止响应式布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
