css - Bootstrap : Fixed gutter width in fluid layout?

Question

我想有不同的布局，如 [left|content|right] 和 [left|content] 或 [content|right] 当使用流体布局时，“单元格”之间的装订线也是流体的并且具有百分比值。但我想在左/右和内容区域之间为装订线设置一个固定宽度，例如 10px 或 20px。

关于如何使这项工作有任何建议吗？我已经尝试过了，但最终总是以疯狂变化的元素告终。

Answer 1

Answered a question like this before ，它基本上也归结为创建一组类来根据您拥有的侧边栏数量来偏移主容器，如下所示:

CSS

.fixed-fluid {
    margin-left: 240px;
}
.fluid-fixed {
    margin-right: 240px;
    margin-left:auto !important;
}
.fixed-fixed {
    margin: 0 240px;
}

Demo , 编辑 here .