Css 使用Bootstrap3,当断点变小时,如何取消COL堆栈?

Css 使用Bootstrap3,当断点变小时,如何取消COL堆栈?,css,twitter-bootstrap-3,responsive-design,Css,Twitter Bootstrap 3,Responsive Design,我知道有几种方法可以做到这一点,但我想把它放在那里,看看是否有任何干净/好的例子可以做到这一点,因为我没有任何运气搜索 所以在Bootstrap中,我基本上有一个边沿,在780px下全宽。撇开这一点不谈,这是一种独特的情况,当视口变小时,该部分实际上会变大 让我试着澄清一下。。。假设整个页面宽度为1200px,我使用的是容器->行->col-md-9和col-md-3。col-md-3是旁边的。col-md-3内有一个表格,其嵌套网格为2x col-sm-6 div。因此,当页面通过断点下降时,

我知道有几种方法可以做到这一点,但我想把它放在那里,看看是否有任何干净/好的例子可以做到这一点,因为我没有任何运气搜索

所以在Bootstrap中,我基本上有一个边沿,在780px下全宽。撇开这一点不谈,这是一种独特的情况,当视口变小时,该部分实际上会变大

让我试着澄清一下。。。假设整个页面宽度为1200px,我使用的是容器->行->col-md-9和col-md-3。col-md-3是旁边的。col-md-3内有一个表格,其嵌套网格为2x col-sm-6 div。因此,当页面通过断点下降时,当它低于980px时,边线变为全宽,因此比1200px时宽

引导是设置好的,所以如果您使用col-sm-6,该列在780px下从50%宽度变为100%宽度。我需要找出如何做相反的事情

我需要col-sm-6(或者我需要定制标签等)在780px下从100%长度变为50%长度

我该怎么做?提前谢谢


方框1
方框2

您可以在引导
行中的任何列上使用多个
列-*-*
类。在您的情况下,可以使用
col-xs-6 col-sm-12
使任何列在最小布局上并排显示,但堆叠在上面的任何列上:


方框1
方框2

考虑发布一个代码示例,这样每个人都可以更容易地理解您的场景,并帮助您解决问题。当您说长度时,您指的是宽度吗?添加了代码,谢谢,是的,我指的是宽度。我现在想明白了,我觉得自己像个白痴。我知道答案很简单。谢谢!:)没问题!请注意,如果您尝试以较小的大小内联列,则内容可能会有点压扁,所以请注意这一点。谢谢您的提示。。。这实际上是一种奇怪的情况,侧栏变为全尺寸,并且有嵌套行,因此当视口变小时,容器被放入堆栈中,实际上变得更大。不看就很难解释清楚。。。但这个解决方案是完美的!非常感谢!=)哈哈,我明白了。听起来很有趣:P如果你觉得这个解决方案有帮助,请随意投票和/或选择它作为一个可接受的答案,这样其他有同样问题的人可以从中受益。干杯