Izgara sütunlarını hizalama merkezi nasıl yapılır (col-md-4 & col-md-8)

Question

Resimin sol tarafındaki kullanıcı profili sayfası ve kullanıcıların sağ tarafındaki ayrıntıları görüntülemek için Bootstrap kullanıyorum yan. Bu topluluk onun/onu aktif katılımıyla takip ve sonra linke ardından onun/onun adını olacaktır

<div class="row"> 

     <!-- Col 1 --> 

     <div class="col-md-4 col-xs-6"> 
      <div> 
       <img ..> 
       <h2>Name of the user</h2> 
       Sample text<br> 
       <a href="#"><img src="..."></a> 
       <a href="#"><img src="..."></a> 
      </div> 
     </div> 

     <!-- Col 2 --> 

     <div class="col-md-4 col-xs-6"> 
      <div> 
       <ul class="nav nav-tabs" role="tablist"> 
        <li>...</li> 
       </ul> 
      </div> 
     </div> 
</div> 

kullanıcının görüntünün altı:

aşağıdaki şekilde kullandı sosyal medyasına.

Masaüstünde görüntülediğimde iyi görünüyor. Ancak, mobil cihazlarda görüntülemeye çalıştığımda, ilk sütunun tamamının içeriği sola hizalanır. Merkezin hizalanmasını istiyorum, bu yüzden uygun görünüyor. Bunu nasıl yapabilirim? Yoksa hiç hata yapıyorum?

Answer 1

Eğer DIV öğeleri içinde col-xs-4 CSS sınıfı koymak için center-block

Answer 2

deneyin ihtiyacımız sınıfı:

<div class="col-md-4 col-xs-4"> 

Bu şekilde, mobil cihazlarda davranış masaüstü aynı olacaktır.