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/

Bootstrap响应边栏调整大小问题

1 个答案: