[SOLUCIONADO] Bootstrap y el diseño sensible (bootstrap-responsive.css)

[twilvaro]

Interesándome por el diseño adaptable, sensible o responsivo (llámenlo como quieran), quería saber si con el sistema de rejillas fluido de Bootstrap y los Media Queries podría conseguirlo.

He estado leyendo sobre la hoja de estilos que incluye Bootstrap que habilita el que el diseño sea responsivo (bootstrap-responsive.css) y su forma de uso, pero no consigo aclararme.

Si yo digo que un div va a ocupar 4 columnas y que otro a su lado va a ocupar 8 ¿Al hacer link a 'bootstrap-responsive.css' se posicionarán verticalmente de forma automática al cambiar las dimensiones de la pantalla o hay que añadir algo más?.

Entiendo que con las consultas multimedia (@media) me será suficiente para modificar los valores y estilos de la hoja de cascada según las dimensiones con las que se vea mi web (perfecto para el menú, por ejemplo), sin embargo no sé cómo funciona el sistema de posicionamiento de los elementos de la web. No sé si los elementos posicionados mediante las rejillas fluidas se colocan de forma vertical automáticamente o hay que hacer algo más aparte de enlazar con bootstrap-responsive.css y poner la etiqueta meta viewport...

Gracias de antemano y un saludo.

[fishdesign]

Si usas las etiquetas correctas (creo que era row-fluid) con sus respectivas clases llamadas span (para definir columnas), tan solo basta con añadir el css que mencionas para que "actue".

No olvides poner primero el boostrap.css antes que el css de responsive, de no ser así puede que no te funcione correctamente.


Un saludo

[jorgemontoyab]

Iniciado por fishdesign

Si usas las etiquetas correctas (creo que era row-fluid) con sus respectivas clases llamadas span (para definir columnas), tan solo basta con añadir el css que mencionas para que "actue".

No olvides poner primero el boostrap.css antes que el css de responsive, de no ser así puede que no te funcione correctamente.


Un saludo

Hola fishdesign:
Navegando para tratar de encontrar la solución a mi problema (inquietud), me topé con tu comentario aquí (Bootstrap y el diseño sensible (bootstrap-responsive.css).

Ahora bien, estoy tratando de aprender Bootstrap y cada vez que enlazo una hoja de estilos del tipo bootstrap-responsive.css o bootstrap-responsive.min.css, el navegador me muestra el documento únicamente en HTML (sin estilos), mientras que muestra los estilos si enlazo al archivo bootstrap.css o bootstrap.min.css.

Cómo pienso que eso tiene que ver con lo que comentas, quisiera que me des una guía respecto a dónde estoy omitiendo algo o cuál es el problema en si.

Desde ya te agradezco mucho por tu colaboración.

Saludos

[kamkamusa00]

Justo lo que buscaba gracias fishdesign!!! Burstrap es genial para ahorrarte tiempo en el desarrollo.