2 votos

Centrar Columnas de Bootstrap

Alguien sabe centrar columnas de bootstrap, he estado todo el dia haciendo eso y nada.

<div class="cont-trabajos">
            <div class="col-xs-12 col-sm-4 col-sm-offset-8 cont-img"><div class="mask"></div><img src="img/web_ithink.jpg" alt="iThink Panamá" class="img-responsive"></div>
            <div class="col-xs-12 col-sm-4 cont-img"><div class="mask"></div><img src="img/web_alain.jpg" alt="Alain Barrios Desarrollo Web" class="img-responsive" ></div>
</div>

1voto

Rafael Granados Puntos 10

Yo utilizo la clase .center-block

<div class="col-sm-4 center-block">

pero en bootstrap todas las columnas tiente la propidad float: left; puedes agregar un estillo float: none; para que funcione la clase .center-block

1voto

aEscarcha Puntos 220

Utilizando solamente bootstrap, si tienes una columna col-sm-4 por cada row, para centrarla puedes poner una clase col-sm-push-3 en la columna.

 <div class="col-xs-12 col-sm-4 col-sm-push-3 cont-img">

Si tienes que poner varias por row, puedes ponerle clase clearfix para que no se te apelotonen.

Además también tienes por ahí algunas soluciones de css puro.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: