Disposición del fluido Bootstrap - ancho fijo de la barra lateral

Question

Tengo un diseño fluido basado en Twitter bootstrap.

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

Sería muy bueno tener la barra lateral una anchura fija. si un cambio de la distribución del líquido a la "estática" y establecer el ancho de la barra lateral para

220px 

y cambiar el tamaño de la ventana o cambiar mi resolución de 1024 ... el cuerpo de contenido salta debajo de la barra lateral. ¿Cómo puedo evitar esto?

EDITAR: Lo tengo. Publicaré mi "solución" más adelante. gracias por sus respuestas

Answer 1

Creo que esto es lo que necesita: http://jsfiddle.net/U8HGz/1/

Answer 2

creo que busca algo como esto: violín

<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> 

aquí hay un para su conveniencia: http://jsfiddle.net/TT8uV/2/

Como nota general:

No es necesario utilizar bootstra p como su "contenedor principal", por lo que puede colocar su barra lateral una al lado de la otra con un sistema de cuadrícula (como bootstrap fluido y receptivo). De esta manera tiene MUCHO del control de la barra lateral , sin afectar el contenido real.

Espero que te sirva.