Почему текст моего заголовка не центрируется, как ожидалось? - PullRequest
Новая
       5

Почему текст моего заголовка не центрируется, как ожидалось?

0 голосов
/ 15 января 2020

CSS ЧАСТЬ 

@media only screen and (max-width: 700px) {
  body {
    h1.h1 mb-0 text-gray-800 {
      text-align: center;
    }
  }
}

Bootstrap Часть 

<div class="container-fluid" style="overflow: hidden;">

          <!-- Page Heading -->
          <div class="d-sm-flex align-items-center justify-content-between mb-4">

            <h1 class="h1 mb-0 text-gray-800" >View Services</h1>

          </div>

как я могу сделать h1 текст в центре с этим содержанием?

1 Ответ

0 голосов
/ 15 января 2020

Вы используете какие-либо столбцы? Если нет, то вы можете использовать систему координат bootstrap для центрирования текста. Таким образом, вам не нужно использовать медиа-запросы, потому что Boostrap помогает адаптировать контент. https://getbootstrap.com/docs/4.0/layout/grid/ Bootstrap содержит очень полезную документацию.

...