Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

¿Es correcto añadir más de 12 columnas en una sola fila de Bootstrap?

4 de febrero de 2016

¿Qué pasa si pongo mas de 12 columnas en una fila? ¿es correcto que lo haga?

ejemplo:

<div class="row">
  <div class="col-md-4">1</div>
  <div class="col-md-4">2</div>
  <div class="col-md-4">3</div>
  <div class="col-md-4">4</div>
</div>

Aquí por ejemplo son 16 columnas en una sola fila.


Respuestas

#1

Cada fila En el Bootstrap "estándar" el máximo número de columnas por fila es 12. Si pones más, la fila aumenta su altura para mostrar las columnas sobrantes en la parte inferior.

Lo que sí que puedes hacer es cambiar los valores de las variables LESS o Sass de Bootstrap para cambiar el número de columnas por fila a tus necesidades. Otra alternativa más sencilla es usar 12 columnas y subdividir cada columna en más columnas. Simplemente tienes que añadir .row y .col-* dentro de cada columna.

@javiereguiluz

4 febrero 2016, 19:12
#2

Por completar un poco la segunda parte de la respuesta de Javier: en la página oficial de bootstrap te permiten crear y descargar una versión customizada de la librería, y entre otras muchísimas opciones, puedes definir el sistema de rejilla (número de columnas, márgenes, colores, etc) que necesites para tus plantillas.

Yo prefiero customizarlo en sass o less, pero si estos lenguajes no son lo tuyo, siempre puedes hacer uso de dicha herramienta.

Y aquí la sección que te permite definir el Grid System

@KePitt2

4 febrero 2016, 23:09