Bootstrap列安排

Question

我的HTML代码：

<div>
    <div class="col-sm-3" id = '1stColoumn'>something</div>
    <div class="col-sm-8" id = '2ndColoumn'>something</div>
</div>

它的作用：

• 在大屏幕上，1stColoumn位于左侧，2ndColoumn位于右侧。

• 在小屏幕上，1stColoumn位于顶部，2ndColoumn位于底部。

我想要它做什么：

2ndColoumn应位于顶部，1stColoumn应位于底部。

怎么做？

Answer 1

<div class="row">
    <div class="col-sm-8 col-sm-push-3" id = '2ndColoumn'>something</div>
    <div class="col-sm-3 col-sm-pull-8" id = '1stColoumn'>something</div>
</div>

这样做。