我需要使用 twitter bootstrap 创建如下图所示的页面布局：
左侧和右侧边栏的宽度至少应为 300 像素。如果有更多空间，它们可以增长但不应缩小（否则导航链接将被切断）。 中间的列应该填满剩下的整个空间。
我已经通过为侧边栏跨度分配最小宽度来尝试它，但在这种情况下，如果浏览器内容区域宽度低于 1300 像素，最后一个侧边栏 (b) 将切换到下一行。 我没有使用响应式 twitter bs css。
有没有办法避免这种情况？我已经找到了一些方法，但只有没有引导程序，这对我不起作用。
由于我正在谈论的网站已经在运行，我不会在这里粘贴代码，但请在http://kunden.tommy-computer.at/fsv_noetsch/（德语）现场查看它
感谢您的帮助！
最好的问候， 托马斯
【问题讨论】：
标签： html css layout twitter-bootstrap multiple-columns
如果您使用 Bootstrap 2 响应式，您可以在左侧和右侧使用固定侧边栏来做一些事情。
<div class="row-fluid">
<div class="span3">
<div class="sidebar-nav-fixed">
...
</div>
</div>
<div class="span6">
main content
</div>
<div class="span3">
<div class="sidebar-nav-fixed">
...
</div>
</div>
</div>
如果您希望侧边栏更窄/更宽等，您可以相应地减少/增加 spanX。
【讨论】：
s near the behaviour like I wanted it to be but what I dont 想要（在我的情况下）是如果某个宽度被底切，侧边栏会在彼此下方排列。我试图用容器的最小宽度来避免它，但没有奏效。谢谢！
终于在 StackOverflow 上找到了一个非常有效的解决方案（对我来说）： How do I get a three column layout with Twitter Bootstrap?
无论如何，非常感谢你们的帮助！
【讨论】：
您使用的是网格系统，因此您应该坚持使用给定的网格宽度。 （甚至有 99% 的客户希望他们的设计使用 bootstrap 进行编码，他们从不尊重网格系统并使用随机宽度，这会扼杀使用网格系统的意义）
如果您更改一个网格的宽度，您也必须更改另一个网格的宽度，否则它将不适合。 （也就是您必须编辑 .span8 宽度以适应内容）。
【讨论】：