在Bootstrap 3.2中禁用一个Twitter Bootstrap响应式布局

Question

重新发布Disable ONE of the Twitter Bootstrap responsive layouts的内容，但重点关注新发布的Bootstrap 3.2。我想放弃＆＃34;中间＆＃34; （768px）布局，使得768或以下的任何东西进入＆＃34;折叠＆＃34;视图。毫不奇怪，新Bootstrap版本中的文件相对于2.x已更改，因此旧指令不再适用。有什么建议吗？谢谢！

[meta-issue：我的猜测是，最好将这个问题作为一个新问题发布，而不是将其讨论隐藏在所引用的＆＃34;禁用一个......＆＃34;帖子。如果错了，我们可以调整......]

Answer 1

您需要相应地调整the @screen-* Less variables的值。它们定义了各种抽象屏幕尺寸（XS，SM，MD，LG）的边界 The Bootstrap customizer还允许您修改这些变量。

Answer 2

网格的工作方式，不需要进行任何定制即可在768或以下[进入]＆＃34;崩溃＆＃34; 。查看＆＃34;

在Bootstrap 3中，焦点首先是移动的，所以默认情况下，所有内容都是容器宽度的100％UP到你告诉它不同的点。 （也许这就是GuNs想要说的）。

因此，如果您希望768px以下的所有内容都被＆＃34;折叠＆＃34;，则您不需要使用xs类。如果您希望折叠低于992px的所有内容，请不要使用sm类。

示例：

<div class="container">
  <div class="row">
    <div class="col-sm-6">
        <p>This content will be in 2 columns above 767px.</p> 
    </div> <!-- /col-sm-6 -->
    <div class="col-sm-6">
        <p>Below that it will be the full width of the container.</p>
    </div> <!-- /col-sm-6 -->
    <div class="col-md-6">
        <p>This content will be in 2 columns above 991px.</p> 
    </div> <!-- /col-md-6 -->
    <div class="col-md-6">
        <p>Below 992px this will be the full width of the container.</p>
    </div> <!-- /col-md-6 -->
  </div> <!-- /row -->
</div> <!-- /container -->