html - 流畅的 Twitter Bootstrap 布局，左侧和右侧(侧边栏)具有最小宽度的列

Question

我需要使用 twitter bootstrap 创建如下图所示的页面布局:

左右侧边栏的宽度至少应为 300px。如果有更多空间，它们可以增长但不应缩小(其他地方的导航链接将被切断)。中间的一列应该填满整个左边的空间。

我已经通过为侧边栏跨度分配一个最小宽度来尝试它，但在这种情况下，如果浏览器内容区域宽度低于 1300 像素，最后一个侧边栏 (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