流畅的Twitter引导程序布局，左右两侧有最小宽度列（侧边栏）

Question

我需要使用twitter bootstrap创建一个页面布局，如下图所示：

左侧和右侧边栏的宽度至少应为300px。如果有更多的空间，他们可以增长，但他们不应该缩小（其他导航链接将被削减）。 中间列应该填满整个空间。

我通过为侧边栏指定最小宽度来尝试它，但在这种情况下，如果浏览器内容区域宽度低于1300px，则最后一个侧边栏（b）将切换到下一行。 我没有使用响应式twitter bs css。

有没有办法避免这种情况？我已经找到了一些方法，但只是没有bootstrap，这对我不起作用。

由于我所谈论的网站已经在运行，我不会在此处粘贴代码，但请在http://kunden.tommy-computer.at/fsv_noetsch/（德语）现场查看

感谢您的帮助！

祝你好运， 托马斯

Answer 1

如果您使用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>

示例：http://bootply.com/60284

如果你想要侧边栏更窄/更宽等，你可以相应地减少/增加spanX。

---

相关
Bootstrap 4 Holy Grail Layout

Answer 2

终于在StackOverflow找到了一个非常好用的解决方案（对我而言）： How do I get a three column layout with Twitter Bootstrap?

无论如何，非常感谢你的帮助！

Answer 3

您正在使用网格系统，因此您应该坚持使用给定的网格宽度。 （即使我的客户中有99％希望他们的设计使用bootstrap进行编码，也从不尊重网格系统并使用随机宽度，这就是使用网格系统的重点）

如果更改一个网格的宽度，则必须更改另一个网格的宽度，否则它将不适合。 （a.k.a你必须编辑.span8宽度以适应内容）。