猿问

使用bootstrap的栅格系统,怎么禁止响应式

使用bootstrap的栅格系统,怎么禁止响应式


阿波罗的战车
浏览 844回答 1
1回答

米琪卡哇伊

禁止响应式布局有如下几步:移除 此 CSS 文档中提到的设置浏览器视口(viewport)的标签:<meta>。通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去!important 。如果使用了导航条,需要移除所有导航条的折叠和展开行为。对于栅格布局,额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。针对 IE8 仍然需要额外引入 Respond.js 文件(由于仍然利用了浏览器对媒体查询(media query)的支持,因此还需要做处理)。这样就禁用了 Bootstrap 对移动设备的响应式支持。
随时随地看视频慕课网APP

相关分类

Bootstrap
我要回答