How do you get centered content using Twitter Bootstrap?

by

This is for Text Centering (which is what the question was about)

For other types of content, see Flavien’s answer.

Update: Bootstrap 2.3.0+ Answer

The original answer was for an early version of bootstrap. As of bootstrap 2.3.0, you can simply give the div the class .text-center.

Original Answer (pre 2.3.0)

You need to define one of the two classes, row or span12 with a text-align: center. See http://jsfiddle.net/xKSUH/ or http://jsfiddle.net/xKSUH/1/

More Related Contents:

  1. How to place a div over a image? [closed]
  2. Setting columns in bootstrap grid
  3. Bootstrap height
  4. Table fixed header and scrollable body
  5. IE8 issue with Twitter Bootstrap 3
  6. Change Bootstrap tooltip color
  7. Bootstrap 3 two columns full height
  8. Animate/Shrink NavBar on scroll using Bootstrap
  9. One tall div next to two shorter divs on Desktop and stacked on Mobile with Bootstrap 4
  10. 7 equal columns in bootstrap
  11. Bootstrap print CSS removes background color
  12. Table headers position:sticky and border issue
  13. Empty vertical space between columns in Bootstrap 4
  14. Bootstrap 3: Push/pull columns only on smaller screen sizes
  15. Responsive image align center bootstrap 3
  16. Change color of bootstrap navbar on hover link?
  17. Twitter Bootstrap: Center Pills
  18. Bootstrap 3 – show collapsed navigation for all screen sizes
  19. How to make bootstrap carousel image responsive?
  20. Why aren’t my bootstrap 4 columns the same height?
  21. Right align text within Bootstrap 4 breadcrumbs
  22. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  23. How to implement a Navbar Dropdown Hover in Bootstrap v4?
  24. How can I make Bootstrap 4 columns all the same height? [duplicate]
  25. Changing image src depending on screen size
  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