부트 스트랩으로 오브젝트를 중앙 집중화하십시오.

Question

저는 부트 스트랩으로 초보자입니다. 그래서 묻습니다. 아래 이미지와 같이 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에 의해 중앙 집중화하는 경우 나도 몰라. 부트 스트랩에서 시도했지만 변경을하면 페이지의 다른 부분을 망칠 수 있습니다.

Answer 1

이 두 요소는 중형 및 대형 화면에서 각각 3 열 (12 열)이므로 첫 번째 열에 col-md-offset-3 클래스를 추가 할 수 있습니다. 이것은 가운데로 이동해야합니다 (왼쪽으로 3 칸 넓은 공간을 만듭니다). 즉, Bootstrap 외에 다른 CSS를 사용하지 않은 경우 (게시 한 경우라면 ...).