css - 引导交换网格跨度

Question

使用 Bootstrap 模板，虽然我希望大网格保持正确的 span4 然后 span8 顺序...我希望它们在屏幕尺寸低于 768 时反转到 span8 然后 span4。我不想在这上面使用 js...所以我想知道是否有办法，以及如何使跨度向左浮动，然后在 768 向右浮动。或者也许有更好的方法。

图表

<div class="row">
  <div class="span4">Hello</div>
  <div class="span8">World</div>
</div

screen width greater than 768 displays Hello World
screen width less than or equal to 768 displays World Hello

Answer 1

在 span8 中添加一个 'right' 类，然后将媒体查询设置为 float: right 当小于 768 时。