这个问题适用于Twitter Bootstrap 3.我有三列,其顺序和大小我想根据屏幕大小而有所不同.
上md:
----------------
|1 |2 |3 |
----------------
Run Code Online (Sandbox Code Playgroud)
上sm:
----------------
|1 |3 |
----------------
|2 |
----------------
Run Code Online (Sandbox Code Playgroud)
我想我应该用第二和第三个col元素进行拉/推,但我还不能正确...
我知道这不起作用,但到目前为止它看起来像......
<div class="row">
<div class="col-sm-6 col-md-4 form-group">
...
</div>
<div class="col-sm-12 col-sm-push-6 col-md-4 form-group">
...
</div>
<div class="col-sm-6 col-sm-pull-6 col-md-4 form-group">
...
</div>
</div>
Run Code Online (Sandbox Code Playgroud)