如何将引导程序中的DIV行拉到右边

Question

我的DIV包含2 DIVs，如何使用CSS

从右到左显示潜水

HTML code：

<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

您可以在bootstrap中使用预定义的类：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>