居中嵌套列引導

我想在引導中居中對齊嵌套網格。我一直在嘗試幾種方法，似乎無法做到這一點。這裏是嵌套網格的代碼：居中嵌套列引導

<div class="row"> 
    <div class="col-md-2"> 
     <div class="row"> 
      Row 1, Col 1 
     </div> 
     <div class="row"> 
      Row 2, Col 1 
     </div> 
    </div> 
    <div class="col-md-2"> 
     <div class="row"> 
      Row 1, Col 2 
     </div> 
     <div class="row"> 
      - Row 2, Col 2 + 
     </div> 
    </div> 
</div>

來源

2015-09-05 jamesalone

請分享jsfiddle或活的鏈接，如果可能的話..細節 –

像這樣https://jsfiddle.net/su69L3h5/？ thanx for fiddle hars .. –

請製作一張小圖畫，如何讓它看起來更小，更大或等於或大於'md'屏幕，這可能會更容易幫助您。 – ckuijjer

追加一個類的內部行

.centerAlign{ 
    text-align:center; 
} 

<div class="col-md-2"> 
    <div class="row centerAlign"> 
     Row 1, Col 2 
    </div> 
    <div class="row centerAlign"> 
     - Row 2, Col 2 + 
    </div> 
</div>

來源

2015-09-05 08:31:59 harshitpthk

如果要對齊然後用這個標籤內的CSS的中心是什麼意思，

text-align:center;

在這裏，我對齊你Div中心使用<div class="row">

.row{ 
 
    
 
    text-align:center; 
 
}

<div class="row"> 
 
    <div class="col-md-2"> 
 
     <div class="row"> 
 
      Row 1, Col 1 
 
     </div> 
 
     <div class="row"> 
 
      Row 2, Col 1 
 
     </div> 
 
    </div> 
 
    <div class="col-md-2"> 
 
     <div class="row"> 
 
      Row 1, Col 2 
 
     </div> 
 
     <div class="row"> 
 
      - Row 2, Col 2 + 
 
     </div> 
 
    </div> 
 
</div>

樂意幫忙。謝謝

來源

2015-09-05 08:37:40

居中嵌套列引導

回答

相關問題