2.5 禁用响应式布局

Bootstrap是一个移动先行的框架,默认情况下,针对不同的屏幕尺寸,会自动地调整页面,使其在不同尺寸的屏幕上都表现得很好。但是,如果不想使用这种特性,也可以禁用它。下面列出了禁用响应式布局的步骤:

1)删除名称为viewpot的meta元素,例如:<meta name="viewport"……/>。

2)为.container设置一个固定的宽度值,从而覆盖框架的默认width设置,例如width: 970px!important;。并且要确保这些设置全部放在默认的Bootstrap CSS后面。

3)如果使用了导航条组件,还需要移除所有的折叠行为和展开行为。

4)对于栅格布局,额外增加.col-xs-样式,或替换.col-md-和.col-lg-*样式。不要太担心,超小屏幕设备的栅格系统样式可以适应于所有分辨率的环境。

对于IE8来说,由于仍然需要媒体查询语法,所以还需要引入Respond.js文件,这样就禁用了Bootstrap对小屏幕设备的响应式支持。