Center align a div horizontally using default Twitter Bootstrap CSS

Question

I know how to center align a div horizontally in CSS. You need to make the width to something less than 100% and have auto margin on both left and right sides. I want to do this default styles of Twitter Bootstrap. I don't want to write additional CSS. Wondering whether it's possible to achieve using default style used in Twitter Bootstrap.

To set width of the div, I am using span*. But span* is float: left. Is there any class, which can set the width of the div, but will not add float: left?

Answer 1

To horizontally align a div that is using an even span styles (span2, span4, etc...), you need to use offset.

<div class="offset3 span6">
    ...
</div>

Answer 2

Use class pagination-centered inside a div like :

   <div class="row">
    <div class="span12 pagination-centered">
    <p> content</p>
   </div>
</div>