Twitter bootstrap: Is it possible to center container-fluid with two rows with span5 or span4?

Question

I have something like this

I have these in a row-fluid with span6. However, I when I do span5 on both of them, they float off the left side, leaving a lot of white space on right free. Can I center them on page ?

Answer 1

Because .offset classes don't work in Bootstrap v2.0.4, you can use .span1 classes to create empty space on left and on right side around those 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>