Bootstrap交换网格跨度

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：当小于768时为右。