Bootstrap: larghezza della gronda fissa nel layout fluido?

Question

Desidero avere layout diversi come [left | content | right] e [left | content] o [content | right] quando si utilizza il layout fluido, la grondaia tra le "celle" è anche fluida e ha un valore percentuale. Ma mi piacerebbe avere una larghezza fissa per la grondaia come 10px o 20px tra sinistra/destra e aree di contenuto.

Qualche suggerimento su come farlo funzionare? L'ho già provato, ma ho finito sempre con elementi selvaggi che cambiano.

Answer 1

Answered a question like this before, quello che fondamentalmente è venuto giù troppo è stato la creazione di un insieme di classi per compensare il contenitore principale a seconda di quanti barre laterali si ha, in questo modo:

CSS

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

Demo, modifica here.