Como centralizar a imagem na coluna Bootstrap [duplicado]
Esta pergunta já tem uma resposta aqui:
Centralizar a imagem no Bootstrap 3 respostasComo você obtém conteúdo centralizado usando o Twitter Bootstrap? 3 respostas Bootstrap: Como centralizar o alinhamento do conteúdo dentro da coluna? [duplicado 2 respostasTenho várias imagens nas colunas de inicialização 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-->
Como você pode ver, cada coluna também recebeu uma classe deservices-section
. Eu denominei.services-section img
no CSS assim:
CSS:
.services-section img {
text-align: center;
width: 90px;
height: 90px;
}
E tentei adicionar vários estilos a esta classe -float:none;
, margin:auto;
, vertical-align:middle;
- nenhum deles teve efeito. Também tentei dar uma aula à imagem -.middle
e fazendo
.middle {
text-align: center;
}
No CSS, mas isso também não teve efeit
Eu não quero usarmargin-left: 30px;
mas não sei mais como empurrar as imagens para o centro de suas colunas. Obrigado por outras sugestões, o site está disponível aqui: