CODEWITHSUNDEEP
htmlcsstwitter-bootstraptwitter-bootstrap-2
Adham
Adham

Reputation: 64904

How to pull DIV row in bootstrap to right

I have DIV that contains 2 DIVs, how to make the dives displayed from right to left using CSS

HTML code: 

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

now:

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

I want to get this using CSS with same HTML code above:

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

How is that ?

Upvotes: 1

Views: 212

Answers (2)

user3931708
user3931708

Reputation:

Just add .pull-right class to box1 and .pull-left class to box2 For example...

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

Upvotes: 2

Florin Pop
Florin Pop

Reputation: 5135

You can use the predefined class in bootstrap: pull-left and pull-right;

Example:

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

Upvotes: 2

Related Questions