Bootstrap center heading

Question

It is my first Twitter Bootstrap experience  I have added some headings  h1  h2  etc   and they are aligned by left side  What is the right way to center headings

User · Answer

Bootstrap comes with many pre-build classes and one of them is class  text-left   Please call this class whenever needed   -

User · Answer

text-left     text-align  left      text-right     text-align  right      text-center     text-align  center      bootstrap has added three css classes for text align

User · Answer

Just use  justify-content-center  in the row s class attribute    lt div class  container  gt     lt div class  row justify-content-center  gt       lt h1 gt This is a header lt  h1 gt     lt  div gt   lt  div gt

User · Answer

just use class  text-center  in  element for center heading    lt h2 class  text-center  gt sample center heading lt  h2 gt    use class  text-left  in  element for left heading   and use class  text-right  in  element for right heading

User · Answer

Per your comments  to center all headings all you have to do is add text-align center to all of them at the same time  like so   CSS      h1  h2  h3  h4  h5  h6           text-align  center

[twitter-bootstrap] Bootstrap center heading

Examples related to twitter-bootstrap