如何在引导程序中向右拉DIV行

Question

我有DIV包含2个DIVs ，如何让从右到左用显示的潜水CSS

HTML代码：

<div class="row">
   <div class="span3">Box 1</div>
   <div class="span9">Box 2</div>
</div>

现在：

___________________________________
|       |                         |
| box 1 |       Box 2             |
|_______|_________________________|

我想要使​​用上面具有相同HTML代码的CSS来获得此代码：

___________________________________
|                        |        |
|        box 2           | Box 1  |
|________________________|________|

那个怎么样 ？

Answer 1

您可以在引导程序中使用预定义的类： pull-left和pull-right ;

例：

<div class="span3 pull-right">Box 1</div>
<div class="span9 pull-left">Box 2</div>

Answer 2

只需将.pull-right类添加到box1并将.pull-left类添加到box2例如...

<div class="row">
   <div class="span3 pull-right">Box 1</div>
   <div class="span9 pull-left">Box 2</div>
</div>