Bootstrap - 制作响应式全宽模板,无响应

时间:2014-05-23 09:09:01

标签: html css twitter-bootstrap templates twitter-bootstrap-3

我目前正在使用Bootstrap 3中的此模板: Bootstrap Dashboard Template

它正在使用.container-fluid类,这使得模板流畅/响应。

我的问题是 - 我希望从全宽模板中受益,但我不想支持响应式布局。

我希望实现此模板布局:enter image description here

我怎么能这样做,而不必处理响应的东西?

1 个答案:

答案 0 :(得分:2)

bootstrap documentation有一个段落可以禁用响应。

  

禁用页面响应的步骤

     
      
  1. 忽略CSS docs
  2. 中提到的视口<meta>   
  3. 使用单个宽度覆盖每个网格层的width上的.container,例如width: 970px !important;请确保   在默认的Bootstrap CSS之后。您可以选择避免使用   !important使用媒体查询或某些selector-fu。
  4.   
  5. 如果使用导航栏,请删除所有导航栏折叠和展开行为。
  6.   
  7. 对于网格布局,除中型/大型之外,使用.col-xs-*类。别担心,超小型设备   网格缩放到所有分辨率。
  8.