Bootstrap Fluid Layout ratio di preservazione su schermi di piccole dimensioni

Question

Sto cercando di creare un layout fluido pulito utilizzando il bootstrap di Twitter, che mantiene il rapporto relativo delle span indipendentemente dalle dimensioni dello schermo.

Non sono sicuro che ciò sia possibile in modo pulito (un trucco per creare tabelle html), ma non mi interessa gli hack sporchi, il punto è scrivere codice pulito.

Quindi l'idea è che sul sito web bootstrap danno l'impressione che questo è possibile:

http://twitter.github.com/bootstrap/scaffolding.html#layouts

(provare a fare la finestra del browser piccolo e si vedrà il layout fluido mantenere la sua rapporto relativo anche riducendo al massimo (hanno usato codice diverso sul sito Web poiché i nomi delle classi sono diversi)

Ma poi quando si scarica la demo del layout fluido, se si ridimensiona la finestra a qualcosa di piccolo tutto si accumula e non ho trovato un modo per evitare che:

http://twitter.github.com/bootstrap/examples/fluid.html

Sto pensando che non è possibile, ma chiedevo se forse qualcuno sapeva qualcosa su questo.

Acclamazioni

Answer 1

Questo comportamento è dovuto all'inclusione di bootstrap-responsive.css. In finestre strette (< 767px), questo stacks up columns. Quindi, se vuoi davvero non avere questo comportamento, non includere lo bootstrap-responsive.css.