Html 如何使用引导实现流体固定流体三列布局？ 在一个项目中，我需要实现一个3列的布局，在中间有一个固定大小的列和两个具有可变宽度的其他列（每个 min＝100px < /代码>和 max＝/ 100% -500 px）/ 2 < /代码>：

---

（如何）在使用Twitter Bootstrap时实现这一点？

看来，Bootstrap并没有提供实现这种混合固定流体布局的工具。必须使用这样的解决方法（找到，另请参见）：

CSS

#main {
    min-width: 500px;
    padding: 0 500px 0 0;
    white-space: nowrap;
    overflow: hidden;
}

.main-column {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

#main-column-left {
    width: 50%;
    background: #00FFB4;
}
#main-column-middle {
    width: 500px;
    background: #434343;
}
#main-column-right {
    width: 50%;
    background: #FF9000;
}

.content {
    white-space: normal;
}

HTML

<div id="main">
    <div class="main-column" id="main-column-left"><div class="content">
        Lorem ipsum dolor sit amet...
    </div></div>
    <div class="main-column" id="main-column-middle"><div class="content">
        Lorem ipsum dolor sit amet...
    </div></div>
    <div class="main-column" id="main-column-right"><div class="content">
        Lorem ipsum dolor sit amet...
    </div></div>
</div>

我爱你，我爱你。。。
我爱你，我爱你。。。
我爱你，我爱你。。。

但这不是一个解决方案。因此，如果有人知道一种符合引导的方法，请随时发布