使用 bootstrap 集中对象

Question

我是 bootstrap 的新手。所以我问：是否可以将 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 集中化。我在 bootstrap 中尝试过，但是当我进行更改时，我破坏了页面的其他部分。

Answer 1

由于这两个元素在大中型屏幕上各有 3（共 12）列宽，您可以将 class col-md-offset-3 添加到第一个。这应该将它们都移到中间（在它的左边创建一个 3 列宽的 space） - 也就是说，如果你没有使用任何其他 CSS 除了 Bootstrap （你应该有已发布，如果您这样做...)。

使用 bootstrap 集中对象

Centralize objects with bootstrap

html

css

twitter-bootstrap

responsive