如何使用bootstrap根據lg和/或md類型對齊div？

Question

我需要根據MD和/或設備的類型LG對齊的div如圖附加圖像..

隨着我已經寫..它是推動下面第3欄第格欄9格的代碼..

請幫我解決這個問題..

HTML我使用的是...

<div class="col-lg-12 col-md-9"> 

col 1 <div class="col-lg-3 col-md-3 col-lg-push-9"> col 3 </div> <div class="col-lg-9 col-md-9"> col 2 </div>

Answer 1

這可以爲你工作。使用「拉右」類，而不是您擁有的推送類。這應該做的伎倆。

這是一個LG和MD例如，你要求：

<div class="col-lg-12 col-md-9"> 
    <!-- Content --> 
</div> 
<div class="col-lg-3 col-md-3 pull-right"> 
    <!-- Content --> 
</div> 
<div class="col-lg-9 col-md-9"> 
    <!-- Content --> 
</div> 

這是一個LG，MD，SM如果你想在較小的屏幕尺寸增加額外的空間，一邊。

<div class="col-lg-12 col-md-9 col-sm-8"> 
    <!-- Content --> 
</div> 
<div class="col-lg-3 col-md-3 col-sm-4 pull-right"> 
    <!-- Content --> 
</div> 
<div class="col-lg-9 col-md-9 col-sm-8"> 
    <!-- Content --> 
</div> 

在這裏看到一個例子：Example

商祺！