Buenas noches,
¿Bootstrap solo deja poner rejillas que ocupen 12 columnas? Es que estoy intentando que me cuadre para poner 5 columnas, pero no consigo que me ocupen todo el ancho del <div>. Esto es lo que tengo, ¿cómo debo hacerlo? Gracias.
<!--Cuerpo--> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> <img class="img-responsive" src="img/logo1.jpg" width="400" height="357" alt="logo" longdesc="index.html"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> <img class="img-responsive" src="img/logo1.jpg" width="400" height="357" alt="logo" longdesc="index.html"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> <img class="img-responsive" src="img/logo1.jpg" width="400" height="357" alt="logo" longdesc="index.html"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> <img class="img-responsive" src="img/logo1.jpg" width="400" height="357" alt="logo" longdesc="index.html"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> <img class="img-responsive" src="img/logo1.jpg" width="400" height="357" alt="logo" longdesc="index.html"> </div> </div>
Respuestas
La forma sencilla de hacerlo quizás no te sirva. El truco consiste en hacer cinco columnas con una anchura de 2 unidades. Después, a la primera columna la desplazas una unidad por la izquierda. El resultado es: 1 hueco de 1 columna + 5 bloques de 2 columnas cada uno + 1 hueco de 1 columna = 12 columnas:
<div class="row"> <div class="col-sm-2 col-sm-offset-1"></div> <div class="col-sm-2"></div> <div class="col-sm-2"></div> <div class="col-sm-2"></div> <div class="col-sm-2"></div> </div>
Como esto seguramente no es lo que quieres, tendrás que optar por una solución alternativa. Con el Bootstrap 3 por defecto no puedes hacerlo, así que tienes que definir tus propios estilos de columnas tal y como se muestra en esta respuesta de StackOverflow.
@javiereguiluz
Gracias, lo miraré a ver si me va bien como dices. Si no, a modificar el CSS :)
@UnPezAzul