html - Bootstrap - 制作响应式全宽模板，非响应式

Question

我目前正在使用来自 Bootstrap 3 的模板: Bootstrap Dashboard Template

它使用 .container-fluid 类，它使模板流畅/响应。

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

我希望实现这个模板布局:

我怎样才能做到这一点，而不必处理响应式的东西？

Answer 1

bootstrap documentation有一段禁用响应。

Steps to disable page responsiveness

1. Omit the viewport <meta> mentioned in the CSS docs
2. Override the width on the .container for each grid tier with a single width, for example width: 970px !important; Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the !important with media queries or some selector-fu.
3. If using navbars, remove all navbar collapsing and expanding behavior.
4. For grid layouts, use .col-xs-* classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.