我目前正在使用Bootstrap 3中的此模板: Bootstrap Dashboard Template
它正在使用.container-fluid
类,这使得模板流畅/响应。
我的问题是 - 我希望从全宽模板中受益,但我不想支持响应式布局。
我希望实现此模板布局:
我怎么能这样做,而不必处理响应的东西?
答案 0 :(得分:2)
bootstrap documentation有一个段落可以禁用响应。
禁用页面响应的步骤
- 忽略CSS docs
中提到的视口<meta>
- 使用单个宽度覆盖每个网格层的
width
上的.container
,例如width: 970px !important;
请确保 在默认的Bootstrap CSS之后。您可以选择避免使用!important
使用媒体查询或某些selector-fu。- 如果使用导航栏,请删除所有导航栏折叠和展开行为。
- 对于网格布局,除中型/大型之外,使用
醇>.col-xs-*
类。别担心,超小型设备 网格缩放到所有分辨率。