Twitter bootstrap 3 禁用响应和列排序

Twitter bootstrap 3 禁用响应和列排序,twitter-bootstrap-3,Twitter Bootstrap 3,在Bootstrap3中禁用响应后,我对列排序有一些问题 <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的布局-块改变位置。 我尝试过另一种解决方案,比如这个 &l

在Bootstrap3中禁用响应后,我对列排序有一些问题

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

...
...
。。。而这个

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

...
...
。。。它们都不能正常工作

我只想禁用响应性,并强制在HTML文档中首先使用col-9块,然后以任何分辨率使用col-3块,但col-3块(侧边栏)必须向左对齐,col-9块(主要内容)必须向右对齐。 有什么建议吗?

也可以阅读和/或尝试一下。使用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>

赖特
左边
赖特
左边

float工作正常。但是,奇怪的是,禁用响应后,我无法正确地推/拉列。无论如何,谢谢你的帮助!问题已解决。请参阅。对于xs网格,列排序不适用。您必须编译自己的版本才能添加或使用它