html - Bootstrap 响应侧边栏调整大小问题

Question

我的响应式侧边栏有问题。我希望边栏在您调整窗口大小时不改变其大小。不过，当屏幕太小时，它仍应折叠。

我试过设置最小宽度，但这把一切都搞砸了。这个 jsfiddle 是默认的侧边栏，我没有做任何更改。

.affix-sidebar{
    padding-right:0; 
    font-size:small;
    padding-left: 0;
    min-width: Xpx;
}

http://jsfiddle.net/gn2TY

此外，在某些情况下，内容似乎无法正确调整大小，它会超出屏幕范围。

希望有人能给我一些建议。

Answer 1

这是侧边固定尺寸导航的基础

.sidebar {
    width: 190px;
    float: left;
    position: relative;
    background-color: #F2F2F2;
}

.main-content {
    margin-left: 190px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
    background:red
}

您的代码的问题是您正在为导航和内容使用响应式网格，您可能只想在主要内容包装器中使用列

http://jsfiddle.net/JL626/