Środkowy nagłówek Bootstrap

To moje pierwsze doświadczenie w Twitter Bootstrap. Dodałem kilka nagłówków (h1, h2 itd.) I są one wyrównane do lewej strony. Jaki jest właściwy sposób wyśrodkowania nagłówków?

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

bootstrap dodał trzy klasy css do wyrównywania tekstu.

po prostu użyj class = 'text-center' w elemencie jako środkowy nagłówek.

<h2 class="text-center">sample center heading</h2>

użyj class = 'text-left' w elemencie dla lewego nagłówka i class = 'text-right' w elemencie dla prawego nagłówka.

Po prostu użyj „justify-content-center” w atrybucie class wiersza.

<div class="container">
  <div class="row justify-content-center">
    <h1>This is a header</h1>
  </div>
</div>

Zgodnie z Twoimi komentarzami, aby wyśrodkować wszystkie nagłówki, wystarczy dodać text-align:centerje wszystkie jednocześnie, na przykład:

CSS

    h1, h2, h3, h4, h5, h6 {
        text-align: center;
    }

Bootstrap zawiera wiele gotowych klas, a jedną z nich jest class="text-left". W razie potrzeby proszę dzwonić do tej klasy. :-)