让Bootstrap网格系统列在浏览器调整大小时保持固定宽度

Question

正如标题所说，我正在使用twitter Bootstrap CSS脚手架系统来使用流体网格系统设置列。我希望这些列在浏览器的大小调整时保持固定的宽度(当浏览器缩小时，我有这些列中的东西被"挤扁"在一起)。我该怎么做呢?下面是我使用的基本代码:

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span4" style="background-color: white;">
        </div>
        <div class="span4" style="background-color: white;">
            <div class="row-fluid">
                <div class="span6">
                </div>
                <div class="span6">
                </div>
            </div>
        </div>
        <div class="span2">
        </div>
    </div>
</div>

Answer 1

我认为你应该改变div的位置，你想保持固定，是绝对的还是固定的

Answer 2

也许你想要一些列固定与流体容器?如果是这样，你可以试试:https://stackoverflow.com/a/22471138/1252528

更新:我认为你不需要使用bootstrap布局，只需将display: table添加到容器div和display: table-cell到span元素，你想设置固定宽度可以存档。