2012-03-16 16 views
10

Quiero tener diferentes diseños como [left | content | right] y [left | content] o [content | right] cuando uso el diseño fluido, el canal entre las "celdas" también es fluido y tiene un valor porcentual. Pero me gustaría tener un ancho fijo para la canaleta como 10px o 20px entre la izquierda/derecha y las áreas de contenido.Bootstrap: ancho de canal fijo en el diseño de fluido?

¿Alguna sugerencia de cómo hacer esto? Ya lo probé pero terminé siempre con elementos que cambian violentamente.

Respuesta

20

Answered a question like this before, lo que básicamente se bajó también fue la creación de un conjunto de clases para compensar el contenedor principal dependiendo del número de barras laterales que tiene, de este modo:

CSS

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

Demo, editar here.

+0

La demostración, ¿cómo puedo hacer que las 3 columnas en el contenido principal también tengan un margen de solo 20px en lugar de ser fluidas? La misma técnica que se muestra arriba para las barras laterales, supongo? Voy a jugar con él este fin de semana. Básicamente quiero entender cómo tener algunas columnas fluidas pero hacer que sus contenidos tengan un espacio fijo en el canal. – burzum

+0

@burzum estoy confundido, ¿quiere decir cómo se obtiene un contenedor fijo? A diferencia de la forma en que es ahora? La canaleta tiene 20px en todo, si observa el margen de clase '.fixed-fixed' puede ver que está configurado en' margin: 0 240px; ', las barras laterales son a la vez de 220px, más 20px adicionales (totalizando 240px) de margen para formar el canal que ves alrededor del contenedor principal. –

Cuestiones relacionadas