How to center my divs with bootstrap

Question

I am trying to center my divs with bootstrap

html

 <div id="wrapper" class="container-fluid row">
        <div id="left" class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            //stuff
        </div>
        <div id="right" class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            //stuff
        </div>
    </div>

it shows

 ----------------------------
|                            |
||left  | |       right      |
||      | |                  |
||      | |                  |
|
|

I want to have

 ----------------------------
|
|     |left|  |  right  |
|     |    |  |         | 
|
|

with Left and Right divs centered within wrapper all the time.

What is the best way to do this with bootstrap class only?

See: http://stackoverflow.com/questions/9382970/how-to-center-a-div-with-bootstrap — neid, Jun 18 '14 at 18:52
link is to the old version, should refer to the new version code — vico, Jun 18 '14 at 18:54
The question that's been marked as duplicate doesn't address bootstrap and therefore isn't a correct answer. — Popnoodles, Jun 18 '14 at 18:58
There's also the issue of whether or not `
` is correct. Should `.container` and `.row` be used in one element together? — Popnoodles, Jun 18 '14 at 19:00
the duplcated question is the css way instead of bootstrap way. — FlyingCat, Jun 18 '14 at 19:00
It still requires a CSS change, but it needs to do so in context of boostrap's css. — Popnoodles, Jun 18 '14 at 19:03
You have answer here -> http://stackoverflow.com/questions/24156822/how-to-center-colls-in-row-in-bootstrap/ — Joffrey Maheo, Jun 18 '14 at 19:32
I apologize for the close vote, I've reopened your question now, the link was incorrect... am sorry for that — Mr. Alien, Jun 18 '14 at 19:44
But still your question is a duplicate, see the related questions column on the right hand side, it will provide you the answers — Mr. Alien, Jun 18 '14 at 19:45

score 1 · Answer 1 · answered Jun 18 '14 at 20:34

1

like this by using offset

 <div class="container-fluid">
  <div class="row">
    <div class="col-md-offset-4 col-md-4">this div</div>
    <div class="col-md-3">the other div</div>
</div>
</div>

http://www.bootply.com/m4mREVEntv#

answered Jun 18 '14 at 20:34

nolawi

4,439
6
22
45

How to center my divs with bootstrap

1 Answers1