2013-10-18 61 views
1

在引導3,如果我有以下幾點:堆疊列從右到左當屏幕分辨率在引導減少3

<div class = "row"> 
    <div class = "col-md-6" id = "one"> 
    <div class = "col-md-6" id = "two"> 
</div> 

,我開始減少瀏覽器,DIV「兩化」的寬度將最終形成DIV「one」下的新行。我將如何反轉堆疊順序,使DIV「one」堆疊在DIV「two」之下?

回答

1

您可以用引導新column ordering classes.col-md-push-*.col-md-pull-*)做到這一點,但你需要確保的順序的元素出現在DOM是要他們當「堆疊」的順序:

<div class="row"> 
    <div class="col-md-6 col-md-push-6" id="two">Two</div> 
    <div class="col-md-6 col-md-pull-6" id="one">One</div> 
</div> 

Demo fiddle

+0

謝謝,不知道他們會影響堆疊順序 –