Bootstrap отзывчивый sidebar изменение размера вопрос

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/