css - Bootstrap 交换网格跨度

Question

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

图表

<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 when less than 768。