Cómo hacer para que el sidebar se vea debajo en dispositivos móviles usando Bootstrap

Morgabe · 2 May 2020

Hola buenas a todos!

Estoy maquetando un diseño para wordpress y quería que cuando se redujese la ventana (el tamaño), se visualizase el right sidebar debajo de las noticias y no a la derecha, no sé cómo se hace, para más info decirles que uso Bootstrap, cómo sería?

Account Suspended

celciusb · 2 May 2020

Morgabe dijo:
Hola buenas a todos!

Estoy maquetando un diseño para wordpress y quería que cuando se redujese la ventana (el tamaño), se visualizase el right sidebar debajo de las noticias y no a la derecha, no sé cómo se hace, para más info decirles que uso Bootstrap, cómo sería?

Account Suspended

Si usas bootstrap puede usar la clase 'order' que determina el qué quieres que se muestre antes o después de X elemento.

Grid system

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

getbootstrap.com

Aunque deberías de repasar tu bases, porque lo que preguntas tiene que ver más con flexbox y grid, que son bases de css.

Morgabe · 2 May 2020

Y esos e puede hacer con bootstrap? me puedes indicar algún sitio para aprender?

celciusb · 2 May 2020

Morgabe dijo:
Y esos e puede hacer con bootstrap? me puedes indicar algún sitio para aprender?

Arriba te deje el enlace de la documentación de bootstrap que contiene ejemplos de cómo funciona.

Morgabe · 2 May 2020

celciusb dijo:
Arriba te deje el enlace de la documentación de bootstrap que contiene ejemplos de cómo funciona.

Ostia ! perdona no me fijé, mil gracias Celciusb!!

EDITO:

Vale gracias!

ya lo arreglé, tenía que añadir -md a column

ya está gracias!

Cómo hacer para que el sidebar se vea debajo en dispositivos móviles usando Bootstrap

Morgabe Seguir

celciusb

Grid system

Morgabe

celciusb

Morgabe