Twitter bootstrap 禁用Bootstrap3.2中的一个Twitter引导响应布局

Twitter bootstrap 禁用Bootstrap3.2中的一个Twitter引导响应布局,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,有点像是重新发布的,但重点是新发布的Bootstrap3.2。我想删除“中间”(768px)布局,这样768或以下的任何内容都会进入“折叠”视图。毫不奇怪,新引导版本中的文件相对于2.x发生了更改,因此旧指令不再适用。有什么建议吗?谢谢 [元问题:我的猜测是,最好将此问题作为新问题发布,而不是将其讨论隐藏在引用的“禁用一个…”帖子中的评论中。如果这是错误的,我们可以调整…]您需要相应调整的值。它们定义了各种抽象屏幕大小(XS、SM、MD、LG)的边界。 还允许您修改这些变量。您需要相应地调整的值

有点像是重新发布的,但重点是新发布的Bootstrap3.2。我想删除“中间”(768px)布局,这样768或以下的任何内容都会进入“折叠”视图。毫不奇怪,新引导版本中的文件相对于2.x发生了更改,因此旧指令不再适用。有什么建议吗?谢谢


[元问题:我的猜测是,最好将此问题作为新问题发布,而不是将其讨论隐藏在引用的“禁用一个…”帖子中的评论中。如果这是错误的,我们可以调整…]

您需要相应调整的值。它们定义了各种抽象屏幕大小(XS、SM、MD、LG)的边界。

还允许您修改这些变量。

您需要相应地调整的值。它们定义了各种抽象屏幕大小(XS、SM、MD、LG)的边界。

还允许您修改这些变量。

按照网格的工作方式,无需定制即可将“768或以下的任何内容[转到]到“折叠”视图中。”

在bootstrap3中,焦点首先是mobile,因此默认情况下,所有内容都是容器宽度的100%,直到您告诉它不同为止。(也许这就是GuNs想要说的)

因此,如果希望768px以下的所有内容都“折叠”,则不需要使用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 -->

此内容将在767px以上的两列中。

低于该值将是容器的全宽

此内容将在991px以上的两列中。

低于992px,这将是容器的全宽


按照网格的工作方式,无需定制即可将“768或以下的任何内容[进入]到“折叠”视图中。”

在bootstrap3中,焦点首先是mobile,因此默认情况下,所有内容都是容器宽度的100%,直到您告诉它不同为止。(也许这就是GuNs想要说的)

因此,如果希望768px以下的所有内容都“折叠”,则不需要使用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 -->

此内容将在767px以上的两列中。

低于该值将是容器的全宽

此内容将在991px以上的两列中。

低于992px,这将是容器的全宽


我只是好奇……为什么要“禁用”布局?如果您想让所有内容都折叠到991px以下,只需使用col lg-*和col md-*类即可。是不是担心你想要一个轻(er)重量的css文件?我只是好奇…你为什么要“禁用”布局?如果您想让所有内容都折叠到991px以下,只需使用col lg-*和col md-*类即可。您是否希望有一个轻量级(er)css文件?这很有帮助;谢谢所有这些都是在将站点从bootstrap2.3迁移到3.2的过程中出现的,我显然需要了解更多关于xs/sm/md/lg的内容。我把旧站点的.span类都迁移到了.col md-*,这通常运行得很好,但是看起来要把其他细节准备好可能需要更多的技巧(也就是说,了解新东西是如何工作的)。我明白了。当从2移动到3时,我也有同样的感觉,但这是值得努力的。我真的认为,一旦你了解了3的一些核心概念,3就会变得更简单、更直观。祝你好运。这很有帮助;谢谢所有这些都是在将站点从bootstrap2.3迁移到3.2的过程中出现的,我显然需要了解更多关于xs/sm/md/lg的内容。我把旧站点的.span类都迁移到了.col md-*,这通常运行得很好,但是看起来要把其他细节准备好可能需要更多的技巧(也就是说,了解新东西是如何工作的)。我明白了。当从2移动到3时,我也有同样的感觉,但这是值得努力的。我真的认为,一旦你了解了3的一些核心概念,3就会变得更简单、更直观。祝你好运。