Макет бутстрапной жидкости - фиксированная ширина боковой панели

Question

У меня есть жидкостная компоновка, основанная на бутстрапе twitters.

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span2"> 
      <!--Sidebar content--> 
     </div> 
     <div class="span10"> 
      <!--Body content--> 
     </div> 
    </div> 
</div> 

Было бы здорово иметь боковую панель фиксированной ширины. если изменение макета из жидкости «статических» и установить ширину боковой панели

220px 

и я изменить размер окна или изменить разрешение 1024 ... тело-контент прыгает под боковой панелью. как я могу избежать этого?

EDIT: Получил это. Позже опубликует мое «решение». спасибо за ваши ответы

Answer 1

Я думаю, что это то, что вам нужно: http://jsfiddle.net/U8HGz/1/

Answer 2

Я думаю, что вы ищете что-то вроде этого:

<div class="sidebar span4"> 
    this is my fixed sidebar 
</div> 
<div class="main"> 
    <div class="container-fluid"> 
     <div class="row-fluid"> 
      <div class="span2">this is fluid</div> 
      <div class="span3 offset1">yeah!</div> 
      <div class="span6">Awesome!</div> 
     </div> 
     <div class="row-fluid"> 
      <div class="span6">1 half</div> 
      <div class="span6">2 half</div> 
     </div> 
    </div> 
</div> 

here'sa скрипку для вашего удобства: http://jsfiddle.net/TT8uV/2/

В качестве общего примечания:

Вам не нужно использовать bootstra p в качестве вашего основного контейнера, поэтому вы можете разместить боковую панель рядом с сеткой (например, загрузочный бустер с жидкостью и отзывчивым). Таким образом у вас есть A LOT управления боковой панелью , не затрагивая фактического содержания.

Надеюсь, что это сработает для вас.