css - Twitter Bootstrap:响应式布局中的非响应式行

我在我的站点上使用了响应式流体网格系统，并且在大多数情况下，响应式Bootstrap行为是我想要的：在小屏幕上，网格列变为流体并垂直堆叠。

但是，使用网格嵌套，在嵌套行内部，这并不总是所需的行为。无论屏幕有多小，有些行都不应垂直堆叠。当我完全禁用所有响应式CSS代码时，这恰好是整个网格的行为，但是显然，如果外部行需要响应式行为，则这是不可替代的。

相关标记为：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span6">This column should be stacked on small devices.</div>
        <div class="span6">
            <div class="row-fluid">
                <div class="span6">Nested row. This column should NOT be stacked on small devices.</div>
                <div class="span6">Nested row. This column should NOT be stacked on small devices.</div>
            </div>
        </div>
    </div>
</div>

请参阅此jsfidde进行澄清。

一个最好的解决办法是什么？有办法使用本机引导程序功能吗？

最佳答案

[class*="span"] .span6 { display: inline-block; width: 48.61878453038674%}

例：
http://jsfiddle.net/NfTQ7/1/

关于css - Twitter Bootstrap:响应式布局中的非响应式行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14832894/