Como fazer para que a sidebar apareça embaixo em dispositivos móveis usando Bootstrap

Morgabe · 02/05/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 · 02/05/2020

Morgabe disse:
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 · 02/05/2020

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

celciusb · 02/05/2020

Morgabe disse:
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 · 02/05/2020

celciusb disse:
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!

Como fazer para que a sidebar apareça embaixo em dispositivos móveis usando Bootstrap

Morgabe

celciusb

Grid system

Morgabe

celciusb

Morgabe

Tópicos similares