禁止响应式布局有如下几步:
- 移除浏览器视口(viewport)的标签:
<meta>
。 - 通过为
.container
类设置一个width
值从而覆盖框架的默认 width 设置,例如width: 970px !important;
。请确保这些设置全部放在默认的 CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去!important
。 - 如果使用了导航条,需要移除所有导航条的折叠和展开行为。
- 对于栅格布局,
.row
设置为margin: 0;
,使用.col-xs-*
类替换掉.col-md-*
和.col-lg-*
。不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。
示例
<style type="text/css"> .container{width:1170px; max-width:none !important;padding: 0;} .row{margin: 0;} </style>