Как выравнить кодом блоки в bootstrap?

В Bootstrap существует несколько способов выравнивания блоков с помощью классов. Вот некоторые из них:

1. Использование класса text-center: Этот класс выравнивает содержимое блока по центру горизонтально. Например:

<div class="text-center">
  <h1>Заголовок блока</h1>
  <p>Текст блока</p>
</div>

2. Использование классов float-left и float-right: Эти классы помогают выровнять блоки по левому и правому краю страницы, соответственно. Например:

<div class="float-left">
  <h1>Блок слева</h1>
  <p>Текст блока слева</p>
</div>

<div class="float-right">
  <h1>Блок справа</h1>
  <p>Текст блока справа</p>
</div>

3. Использование класса text-left, text-right и text-center: Эти классы позволяют выравнять текст в блоке по левому, правому и центральному краям соответственно. Например:

<div class="text-left">
  <h1>Текст слева</h1>
  <p>Текст блока слева</p>
</div>

<div class="text-right">
  <h1>Текст справа</h1>
  <p>Текст блока справа</p>
</div>

<div class="text-center">
  <h1>Текст по центру</h1>
  <p>Текст блока по центру</p>
</div>

4. Использование класса d-flex и его дополнительных классов для выравнивания элементов внутри блока. Например:

<div class="d-flex justify-content-center">
  <h1>Заголовок блока</h1>
  <p>Текст блока</p>
</div>

В данном случае класс justify-content-center выравнивает элементы блока по центру горизонтально. Дополнительно, вы можете использовать другие классы из набора justify-content-* для настройки других видов выравнивания, таких как justify-content-start для выравнивания по левому краю и justify-content-end для выравнивания по правому краю.

Это лишь некоторые из методов выравнивания блоков в Bootstrap. Вы также можете использовать различные комбинации классов для достижения нужного вам результата.