CODEWITHSUNDEEP
twitter-bootstrap
user
user

Reputation: 1331

How to center non stacking columns in twitter Bootstrap?

I'm looking at the demo at in this post: https://stackoverflow.com/a/18717422/4147870

Is there a way to center the columns to the middle of the page as opposed to being aligned to the left as it is in the demo?

Upvotes: 0

Views: 46

Answers (1)

Aibrean
Aibrean

Reputation: 6422

It's very easy to do. Use container rather than container-fluid. That example had an override for container-fluid that actually made it NOT fluid. If you remove the CSS you'll see that the content covers the space.

http://www.bootply.com/f0IoAp4e7J

<div class="container">
  <div class="row">
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
    <div class="col-xs-4">.col-4</div>
  </div>
  <hr>
</div>

Upvotes: 1

Related Questions