How to center a width unknown button in a bootstrap's span?

Question

I have a button generated by backbone.js and jQuery.tmpl() and width of the button is variant. I want to put it in a span6 div. Code is shown below:

<div class="row">
  <div class="span6">
    <button class="btn primary large">
      BLABLABLA
    </button>
  </div>
  <div class="span10">
    ...
  </div>
</div>

I don't know how to make the button centered in the div.

Answer 1

Im no CSS guru but this does the trick for me (centers the button within the span6):

<div class="row">
  <div class="span6" style="text-align:center">
    <button class="btn primary large">
      BLABLABLA
    </button>
  </div>
</div>

More info on centering can be found here.

Answer 2

A bit late but you can use the pagination-centered class from bootstrap

<div class="span6 pagination-centered">
  <button class="btn primary large">
    BLABLABLA
  </button>
</div>