Отключение отзывчивость и колонки заказа

Question

У меня есть некоторые проблемы с заказом колонки после отключения отклика в Bootstrap 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 нет классов pull, push и offset.

Добавить поплавок прямо кажется решение в вашем случае:

<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>