css - 在 bootstrap 3 中从右向左浮动？

Question

我使用 bootstrap 的 3.x 网格作为我布局的基础。使用常规 Bootstrap 容器，元素将使用左浮动进行定位。

对于每个 float 驱动的布局，您可能会遇到这样的情况:您对必须在标记中定位元素以实现所需的网格布局的方式不满意——无论是出于可访问性原因，还是出于小屏幕上的线性化布局，或者仅仅是为了语义。

这是一个经典的问题，float-left，你必须写

a
b

在标记中实现

a b 

在网格布局中。这是完全有道理的——大多数时候。但并非总是如此。

所以我想知道这是否可以(简单地？)通过在 Bootstrap 网格中引入行来解决，而 float 则相反。所以会有一些行的列向左浮动，其他行的列向右浮动。这已经完成了吗？

PS:我不是在寻找 float 范例、绝对位置或顶部像素偏移之外的解决方案。

Answer 1

我添加了一个行类row-rtl:

<div class="row row-rtl">
  <div class="col-md-6">
  b
  </div>
  <div class="col-md-6">
  a
  </div>
</div>

@media (min-width: @screen-md-min) {
    .row-rtl {
        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
            float: right;
        }
    }
}

显示为

a b 

在网格布局中。