жидкости щебетать начальной загрузки макет с мин ширины столбцов на левой и правой (боковые панели)

Question

мне нужно создать макет страницы, как на следующей иллюстрации с Twitter Bootstrap:

Левая и правая боковые панели должны иметь ширину по крайней мере, допустим 300px. Если есть больше места, они могут расти, но они не должны сокращаться (в других местах ссылки навигации будут сокращены). Средний столбец должен заполнить все пространство слева.

Я пробовал это, назначив минимальную ширину для боковых панелей, но в этом случае последняя боковая панель (b) переключится на следующую строку, если ширина области содержимого браузера станет ниже 1300 пикселей. Я не использую отзывчивый твиттер bs css.

Есть ли способ избежать этого? Я уже нашел некоторые подходы, но только без бутстрапа, которые не работают для меня.

Как сообщает сайт я говорю уже работает, я не буду вставлять код здесь, но, пожалуйста, посмотрите на него вживую на http://kunden.tommy-computer.at/fsv_noetsch/ (немецкий)

Спасибо за вашу помощь!

С наилучшими пожеланиями, Томас

Answer 1

наконец-то нашел очень хорошо работающее решение (для меня) здесь также на StackOverflow: How do I get a three column layout with Twitter Bootstrap?

В любом случае большое спасибо за вашу помощь, ребята!

Answer 2

Если вы используете Bootstrap отзывчивым вы можете сделать что-то с фиксированными боковыми панелями слева и справа.

<div class="row-fluid"> 
    <div class="span3"> 
     <div class="sidebar-nav-fixed"> 
     ... 
     </div> 
    </div> 
    <div class="span6"> 
     main content 
    </div> 
    <div class="span3"> 
     <div class="sidebar-nav-fixed"> 
     ... 
     </div> 
    </div> 
</div> 

пример: http://bootply.com/60284

Вы можете уменьшить/увеличить Spanx соответственно, если вы хотите врезки узкий/шире и т.д ..

Answer 3

Вы используете подвесную систему, так что вы должны придерживаться с учетом сетки ширина. (даже если 99% моих клиентов, которые хотят, чтобы их дизайн был закодирован с помощью бутстрапа, никогда не уважают систему сетки и не используют случайную ширину, что убивает точку использования сетчатой ​​системы)

Если вы измените ширину для одной сетки, должен изменить его для другого тоже, или он не подойдет. (a.k.a вы должны отредактировать ширину .span8, чтобы соответствовать содержимому).