禁用響應和列排序

Question

我在引導3.禁用響應

<div class="row"> 
    <div class="col-xs-9 col-md-push-3">...</div> 
    <div class="col-xs-3 col-md-pull-9">...</div> 
</div> 

如果我這樣做，它會影響佈局的分辨率低於1024後，一些問題列順序 - 塊換地方。 我試過另一種解決方案，像這樣的......

<div class="row"> 
    <div class="col-xs-9 col-xs-push-3">...</div> 
    <div class="col-xs-3 col-xs-pull-9">...</div> 
</div> 

...和這一個...

<div class="row"> 
    <div class="col-md-9 col-md-push-3">...</div> 
    <div class="col-md-3 col-md-pull-9">...</div> 
</div> 

...，其中沒有正常工作。

我只是想禁用響應和強制col-9塊首先在HTML文檔和col-3去它之後在任何分辨率，但col-3塊（邊欄）必須對齊左和col-9塊（主要內容）必須正確對齊。 有什麼建議嗎？

Answer 1

也讀了http://getbootstrap.com/getting-started/#disable-responsive和/或嘗試也許。 https://github.com/bassjobsen/non-responsive-tb3。使用col-xs- *類似乎是正確的（因爲它們從不堆疊）。 xs網格沒有拉，推和偏移類。

添加一個浮動的權利，似乎你的情況的解決方案：

<div class="container" style="background-color:white;"> 
    <div class="row"> 
    <div class="col-xs-9" style="background-color:red;float:right;">Right</div> 
    <div class="col-xs-3" style="background-color:yellow;">Left</div> 
    </div> 
    <div class="row"> 
    <div class="col-xs-9" style="background-color:green;">Right</div> 
    <div class="col-xs-3" style="background-color:blue;">Left</div> 
    </div> 
</div>