How to center buttons in Twitter Bootstrap 3?

by

Wrap the Button in div with “text-center” class.

Just change this:

<!-- wrong -->
<div class="col-md-4 center-block">
    <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block">Next Step!</button>
</div>

To this: 

<!-- correct -->
<div class="col-md-4 text-center"> 
    <button id="singlebutton" name="singlebutton" class="btn btn-primary">Next Step!</button> 
</div>

Edit

As of BootstrapV4, center-block was dropped #19102 in favor of m-*-auto

More Related Contents:

  1. How To Create This Type of Structure in html css and bootstrap?
  2. vertical-align with Bootstrap 3
  3. Bootstrap row with columns of different height
  4. Bootstrap 4: Multilevel Dropdown Inside Navigation
  5. Twitter Bootstrap 3 Sticky Footer
  6. Extend bootstrap row outside the container
  7. How to center nav-items in Bootstrap? [duplicate]
  8. How to make Bootstrap 4 cards the same height in card-columns?
  9. Bootstrap – align button to the bottom of card
  10. Bootstrap: add margin/padding space between columns
  11. How to remove focus around buttons on click
  12. Remove border from buttons
  13. Bootstrap – 5 column layout
  14. Bootstrap 4 – Sticky footer – Dynamic footer height
  15. Can I nest button inside another button?
  16. Bootstrap 4 – Responsive cards in card-columns
  17. How to center content in a Bootstrap column?
  18. How to implement curve background in CSS? [duplicate]
  19. Inline Form nested within Horizontal Form in Bootstrap 3
  20. Why does `transform` break `position: fixed`?
  21. Bootstrap navbar: nothing is displayed on smaller devices
  22. Text-align class for inside a table
  23. How to move placeholder to top on focus AND while typing?
  24. Bootstrap – Fill fluid container between header and footer
  25. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  26. Make Bootstrap’s Carousel both center AND responsive?
  27. How to work with ellipsis in bootstrap responsive table
  28. Why is my .sticky-top class not working in Bootstrap 4?
  29. CSS float-right not working in Bootstrap 4 Navbar [duplicate]
  30. How to make Bootstrap cards the same height in card-columns?

Leave a Comment