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

时间:2013-06-07 16:30:40

标签: css twitter-bootstrap

正如标题所说,我使用twitter Bootstrap CSS脚手架系统使用流体网格系统设置列。我希望这些列在浏览器调整大小时保持固定的宽度(我在这些列中的内容在浏览器缩小时会“一起”变为“smooshed”)。我该怎么做?这是我正在使用的基本代码:

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

2 个答案:

答案 0 :(得分:0)

我相信你应该改变div的位置,你想要保持固定,绝对或固定。

答案 1 :(得分:0)

也许你想要一些用流体容器固定的柱子?如果是这样,您可以尝试:https://stackoverflow.com/a/22471138/1252528

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