Cómo centrar la imagen dentro de la columna Bootstrap [duplicado]
Esta pregunta ya tiene una respuesta aquí:
Centering la imagen en Bootstrap 3 respuestas¿Cómo obtienes contenido centrado usando Twitter Bootstrap? 23 respuestasBootstrap: ¿Cómo centrar el contenido de alineación dentro de la columna? [duplicar 2 respuestasTengo varias imágenes dentro de columnas de bootstrap como esta:
<div class="services">
<div class="container">
<div class="row">
<div class="col-md-3 services-section">
<img src="/images/website_design_icon.png"/>
<div class="services-paragraph">
<h3>Website Design</h3>
<p>WordPress themes built for design and functionality</p>
</div>
</div>
<div class="col-md-3 services-section">
<img src="/images/graphic_design_icon.png"/>
<div class="services-paragraph">
<h3>Graphic Design</h3>
<p>Logo designs for identity and print</p>
</div>
</div>
<div class="col-md-3 services-section">
<img src="/images/search_engine_marketing_icon.png"/>
<div class="services-paragraph">
<h3>Search Engine Marketing</h3>
<p>SEO strategies and PPC solutions to increase your presence online</p>
</div>
</div>
<div class="col-md-3 services-section">
<img src="/images/wordpress_conversion_icon.png"/>
<div class="services-paragraph">
<h3>WordPress Conversion</h3>
<p>Take advantage of the number-one CMS in Web Design to liberate your business</p>
</div>
</div>
</div><!--/Row-->
</div><!--/Container-->
</div><!--/Services-->
omo puede ver, a cada columna también se le ha dado una clase deservices-section
. He peinado.services-section img
en el CSS así:
CSS:
.services-section img {
text-align: center;
width: 90px;
height: 90px;
}
Y he intentado agregar varios estilos a esta clase:float:none;
, margin:auto;
, vertical-align:middle;
- ninguno de ellos ha tenido ningún efecto. También intenté darle una clase a la imagen:.middle
y haciendo
.middle {
text-align: center;
}
En el CSS pero eso tampoco tuvo efecto.
No quiero usarmargin-left: 30px;
pero no sé cómo empujar las imágenes hacia el centro de sus columnas. Gracias por cualquier otra sugerencia, el sitio está en vivo aquí: