css - 让 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

更新：我认为您不需要使用引导程序进行布局，只需添加display: table到容器 div 和display: table-cell要设置固定宽度的 span 元素即可存档。