Bootstrap permite hasta 12 columnas por página para su componente grid, si se usa menos columnas ocupará el espacio correspondiente.
Grid responsive
.col- (extra pequeño - para dimensiones de pantalla inferior a 576px).col-sm- (pequeño - para dimensiones de pantalla igual o mayor a 576px).col-md- (medio - para dimensiones de pantalla igual o mayor a 768px).col-lg- (largo - para dimensiones de pantalla igual o mayor a 992px).col-xl- (extra largo - para dimensiones de pantalla igual o mayor a 1200px)
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-1
.col-sm-4
.col-sm-4
.col-sm-4
Table responsive
| span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
span 1 |
| span 4 |
span 4 |
span 4 |
| span 4 |
span 8 |
| span 6 |
span 6 |
| span 12 |