Bootstrap 响应式侧边栏调整大小问题答案

【问题标题】：Bootstrap responsive sidebar resize issueBootstrap 响应式侧边栏调整大小问题
【发布时间】：2014-07-01 06:35:43
【问题描述】：

我的响应式侧边栏有问题。我希望边栏在调整窗口大小时不要改变其大小。当屏幕变得太小时它仍然应该崩溃。

我尝试设置最小宽度，但这让一切变得更加混乱。这个 jsfiddle 是默认的侧边栏，我没有做任何更改。

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

http://jsfiddle.net/gn2TY

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

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

【问题讨论】：

你为什么使用最小宽度而不是宽度？尝试设置width:200px 和响应式width: auto
jsfiddle.net/gn2TY/1 没有解决问题，除非我做错了什么。

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案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/

【讨论】：

说实话，我不知道，可以通过提供一个基于我的 jsfiddle 的示例来帮助我更多吗？