twitter-bootstrap - Twitter Bootstrap 响应式布局：侧边栏的固定大小？

Question

我有一个带有左侧边栏的响应式 Twitter 引导布局。当我更改屏幕分辨率时，侧边栏和内容区域会更改它们的大小。

是否可以在内容区域（.span9 类）改变大小时使侧边栏（.span3 类）保持固定宽度？

Answer 1

创建一个仅在该特定区域覆盖 .span3 的新规则，然后添加到样式表的末尾。所以——像这样：

.sidebar .span3 {

宽度：200px！重要；

}

Answer 2

而不是使用引导网格作为侧边栏使用弹性布局并在弹性 div 内使用引导网格。

以下是 HTML 结构和 CSS 规则。

.flex-layout {
    display: flex;
    min-height: calc(100vh - 60px);
}

.flex-col1 {
    width: 270px;
    display: inline-block;
}

.flex-col2 {
    flex: 2;
}

.col {
    display: inline-block;
    vertical-align: top;
}


<div class="flex-layout">
    <div class="col flex-col1">
        //here will be nav
    </div>
    <div class="col flex-col2">
        //here will be bootstrap grid
    </div>
</div>