Buenas tardes, hoy os voy a explicar como funcionan los puntos de ruptura de Bootstrap.
Bootstrap, por defecto de compone de 12 columnas, las cuales, dependiendo del punto de ruptura que indiques, se ajustará a una pantalla u otra.
| Puntos de ruptura | Prefijo-bootstrap | Dimensiones de pantalla |
|---|---|---|
| X-Pequeño | <576px | |
| Pequeña | sm | ≥576px |
| Medio | md | ≥768px |
| Largo | lg | ≥992px |
| Extra grande | xl | ≥1200px |
| Extra extra grande | xxl | ≥1400 píxeles |
Os dejo la documentación sobre los Puntos de ruptura.
En el siguiente tutorial os indicaré, como diseñar las Media queries según queramos, tanto si queremos añadir puntos de ruptura desde un min o un max de la pantalla. O bien, que vaya desde un min a un max concreto.
Espero que os ayude.
Técnica Superior en Desarrollo de Aplicaciones Web | Junior Web Developer | Front-end Developer | Dispuesta a aprender nuevas tecnologías