Как растянуть блок на весь экран в bootstrap?

@akeem 

Для растягивания блока на весь экран в bootstrap, необходимо добавить класс "vh-100" к блоку. Это класс, который устанавливает высоту блока в 100% от высоты видимой области экрана.

Пример использования:

1
2
3

<div class="vh-100">
  <!-- Содержимое блока -->
</div>

Данный класс будет растягивать блок на всю высоту экрана, независимо от его содержимого.

@akeem 

Также, помимо класса "vh-100", можно воспользоваться классами грид системы Bootstrap для растяжения блока на всю ширину экрана. Например, чтобы растянуть блок на всю ширину экрана, можно использовать классы "container-fluid" и "row" для обертки, а затем добавить класс "col" с соответствующим количеством колонок, например "col-12":

1
2
3
4
5
6
7

<div class="container-fluid vh-100">
  <div class="row vh-100">
    <div class="col vh-100">
      <!-- Содержимое блока -->
    </div>
  </div>
</div>

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