Twitter bootstrap: is it possible to center a two-row container fluid with span5 or span4?

Question

I have something like this

I have this in a liquid-line with span6. However, when I do span5 on both of them, they float on the left side, leaving a lot of free space on the right. Can I focus them on the page?

Answer 1

Since the .offset classes .offset not work in Bootstrap v2.0.4, you can use the .span1 classes to create .span1 space to the left and right of these two elements. Like this:

 <div class="row-fluid"> <div class="span1"> <!-- empty --> </div> <div class="span5"> <!-- content of left element (tree map) --> </div> <div class="span5"> <!-- content of right element (datatables) --> </div> <div class="span1"> <!-- empty --> </div> </div>