Colonna dimensione bootstrap fissa

Question

Ho bisogno di fare una colonna di colonna a destra a larghezza fissa in bootstrap, ma la colonna di sinistra sarà reattiva.

Io uso bootstrap 2.3.2

http://pix.toile-libre.org/upload/original/1375170941.png

colonna di destra non sarà ridimensionato in tutte le dimensioni dello schermo.

Answer 1

La mia soluzione di base al di sotto (see it in action here). Ho felpato il CSS per dimostrare i blocchi con i colori, ma tutti si ha realmente bisogno di fare è la seguente:

elemento fisso

• Set a float:right
• Applicare una larghezza fissa ad esso

elemento riga liquido

• Applicare padding/margin-right uguale alla larghezza dell'elemento fisso
• Applica box-sizing:border-box, in modo che la larghezza del 100% rispetto all'elemento .row-fluid permanga, ma il margine/padding aggiunto non lo espanda ulteriormente. Il markup sotto mostra il minimo di cui avrai bisogno.

CSS

#fixed-width { 
    width:100px; 
    float:right; 
} 
#fluid.row-fluid { 
    margin-right:100px; 
    -webkit-box-sizing:border-box; 
     -moz-box-sizing:border-box; 
      box-sizing:border-box;  
} 

HTML

<div class="clearfix"> 
    <div id="fixed-width">Content...</div> 
    <div id="fluid" class="row-fluid"> 
     <div class="span4">a</div> 
     <div class="span4">b</div> 
     <div class="span4">c</div> 
    </div> 
</div> 

Answer 2

questo tipo di progettazione non è fornito da bootstrap, ma ci sono soluzioni semplici.

Qui è uno, vedere la risposta accettata a questa precedente domanda SO Bootstrap: Fixed gutter width in fluid layout?

e, in particolare, questo css trucchi

.fluid-fixed { 
    margin-right: 240px; 
    margin-left:auto !important; 
} 

come mostrato in questo violino http://jsfiddle.net/6vPqA/808/