Twitter bootstrap 如何制作固定宽度的附加侧栏导航（引导）

在网上搜索了几次之后，我找不到满足我需求的解决方案。所以也许你们中的任何人都能帮我找到好的方法

基本上，我想使用Bootstrap创建一个与此类似的模板结构：

• 2个主要部分：导航和内容包装
• 导航需要“粘贴”在左侧作为边栏，其宽度需要固定
• 内容包装器需要适应窗口的大小

你认为Bootstrap能做到吗？

---

干杯

好的，在网络上进行更多搜索后，我找到了以下解决方案：

HTML

这段代码的灵感来自（但我只保留了基本的）

---

希望它能有所帮助

这里是最新Bootstrap 3的另一个固定边栏选项

演示：

---

代码：

此解决方案中的侧栏不是固定宽度。

<!-- Begin Side Nav -->
<div class="sideNav">
    <h5>item</h5>
</div>
<!-- End Side Nav -->

<!-- Begin Main Content -->
<div class="content">
    <!-- here the content........ -->
</div>

.content
{
    overflow: hidden;
    position: absolute;
    top: 0px; 
    bottom: 0px;
    left: 100px;
    right: 0px;
    padding: 0px 10px;
    overflow: auto;
}
.sideNav
{
    padding: 10px 0;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100px; /* same as .content left */
    background-color: #fff;
    border-right: 1px solid #000; 
    z-index: 1020;
}