Не могу разобраться с bootstrap4 text center?

Question

[Роман Романов]

Вот есть код, с подключенным bootstap4, но не могу поставить текст по центру, в чём тут ошибка:? Текст который в h2.

<code lang="html">
<div class="row">
                    <div class="main-form">
                        <div class="row text-center header-form">
                                <h2>Забронируйте номер прямо сейчас!</h2>
                        </div>
                                <div class="row">
                            <form action="">
                                <div class="col-md-3">
                                    <input type="text" name="" placeholder="Ваше имя">
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="" placeholder="Ваш телефон">
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="" placeholder="Ваш Email">
                                </div>
                                <div class="col-md-3">
                                    <button type="sumbit">Забронировать</button>
                                </div>
                            </form>
                                </div>
                    </div>
                </div>
</code>

Answer 1

[MeylisDay]

Вам бы сначала изучить правила вложенности.

<div class="container">
  <div class="row">
    <div class="col mx-auto text-center">
      <h2>Забронируйте номер прямо сейчас!</h2>
    </div>
  </div>
  <div class="row">
    <form action="">
      <div class="col-md-3">
        <input type="text" name="" placeholder="Ваше имя">
      </div>
      <div class="col-md-3">
        <input type="text" name="" placeholder="Ваш телефон">
      </div>
      <div class="col-md-3">
        <input type="text" name="" placeholder="Ваш Email">
      </div>
      <div class="col-md-3">
        <button type="sumbit">Забронировать</button>
      </div>
    </form>
  </div>
</div>