How to center buttons in Twitter Bootstrap 3?

Question

I am building a form in Twitter Bootstrap but I\'m having issues with centering the button below the input in the form. I have already tried applying the center-block<

Answer 1

According to the Twitter Bootstrap documentation: http://getbootstrap.com/css/#helper-classes-center

   
   

      
          Next Step!
       
   
  

All the class center-block does is to tell the element to have a margin of 0 auto, the auto being the left/right margins. However, unless the class text-center or css text-align:center; is set on the parent, the element does not know the point to work out this auto calculation from so will not center itself as anticipated.

See an example of the code above here: https://jsfiddle.net/Seany84/2j9pxt1z/