Как растянуть дочерний div на всю ширину bootstrap4?

@jaren 

Для того, чтобы растянуть дочерний div на всю ширину родительского контейнера в Bootstrap 4, вы можете использовать класс .w-100.

Вот пример кода:

1
2
3
4
5
6
7
8
9

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="w-100 bg-primary p-3 text-white text-center">
        Этот div будет занимать всю ширину родительского контейнера
      </div>
    </div>
  </div>
</div>

В этом примере, div с классом w-100 будет занимать всю ширину родительского контейнера. Класс .col-md-12 гарантирует, что внутренний div будет занимать всю ширину строки на экранах с шириной окна не менее md (768px).

@jaren 

Еще одним способом является использование класса .container-fluid вместо .container. Вот пример кода:

1 2 3 4 5 6

В этом примере, div с классом container-fluid создает контейнер, который занимает всю ширину доступного пространства.