Bố cục chất lỏng Bootstrap - chiều rộng cố định của thanh bên

Question

tôi có bố cục lỏng dựa trên bootstrap twitters.

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

Thật tuyệt vời khi có thanh bên có chiều rộng cố định. nếu thay đổi cách bố trí từ chất lỏng để "tĩnh" và thiết lập độ rộng của sidebar để

220px 

và i thay đổi kích thước cửa sổ hoặc thay đổi độ phân giải của tôi 1024 ... cơ thể-nội dung nhảy dưới thanh bên. làm thế nào tôi có thể tránh điều này?

EDIT: OK. Sẽ đăng "giải pháp" của tôi sau này. nhờ cho câu trả lời của bạn

Answer 1

Tôi nghĩ rằng đây là những gì bạn cần: http://jsfiddle.net/U8HGz/1/

Answer 2

Tôi nghĩ rằng bạn đang tìm kiếm một cái gì đó như thế này:

<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 fiddle thuận tiện cho bạn: http://jsfiddle.net/TT8uV/2/

Như lưu ý chung:

Bạn không cần sử dụng bootstra p là 'vùng chứa chính' của bạn, vì vậy bạn có thể đặt cạnh bên với hệ thống lưới (như bootstrap chất lỏng và đáp ứng). Bằng cách này, bạn có A LOT kiểm soát của thanh công cụ , mà không ảnh hưởng đến nội dung thực tế.

Hy vọng nó phù hợp với bạn.