我是初学者,有助推器。所以我问:是否有可能将div中的盒子居中,如下图所示?
我的HTML
<!-- Clientes -->
<section id="clientes">
<div class="container">
<div class="row">
<div class="section-title text-center wow fadeInUp">
<h2>Quem está usando</h2>
<p>O SIOM cabe no seu mercado. Tecnologia, Varejo, Cidades...</p>
</div>
<div class="linha">
<div class="col-md-3 col-sm-6 col-xs-12" style="background-color:white;padding:0px 0px 0px 0px;">
<div class="pricing-table text-center">
<div class="price">
<img src="img/clients/clientes-ingram.png" alt="Ingram" style="text:center;">
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12" style="background-color:white;padding:0px 0px 0px 0px;">
<div class="pricing-table text-center">
<div class="price">
<img src="img/clients/clientes-parque.png" alt="Parque da Cidade de Brasília" width="120px" height="100px" style="text:center;">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
我不知道最好的做法是用css集中。我尝试了引导程序,但是当我进行更改时,我破坏了页面的其他部分。
答案 0 :(得分:1)
由于这两个元素在中到大屏幕上各有3列(12列),因此您可以将类col-md-offset-3
添加到第一个。这应该移动到中间(创建一个3列宽的空间) - 也就是说,如果你没有使用任何其他CSS除了Bootstrap(你应该发布,如果你做...)。