Utilizzando bootstrap 2, quale sarebbe il metodo più semplice per disporre di una colonna di larghezza statica sulla sinistra e avere la colonna di destra sia fluida. Qualcosa del genere con una colonna a sinistra di 200 px di larghezza e il diritto di riempire la finestra del browser con .È possibile avere un sistema di griglia ibrida fluido/non fluido?
======================
Hello
======================
A |
B | 100%
200px|
D |
E |
F |
ho provato ad aggiungere un min-width a un layout contenitore di regolare ma hanno un comportamento strano quando il ridimensionamento:
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">Hello</div>
</div>
<div class="row-fluid">
<div class="span2" style="min-width:200px">Left Column</div>
<div class="span10">Right Column</div>
</div>
</div>
Ecco un violino JS pure se il layout quad di fiddle js sé sembra aggiungere il proprio comportamento.
http://jsfiddle.net/BVmUL/882/
+1 miglior risposta finora – Novocaine
questo è un compagno di trucco fantastico .... mi sento davvero come un Noob +1! :) – NoobEditor
Se ti piace l'altezza dinamica non hai bisogno di nessuna dichiarazione di altezza o riempimento se usi l'overflow: nascosto; per la colonna giusta Vedi questo [fiddle] (http://jsfiddle.net/6nspucuf/) – RWAM