Как исправить наезд двух div Boostrap 4 Yii2?

Question

[AlexSer]

Привет!
1. В NavBar добавив класс

container-fluid

, чтобы header сайта растянулся по ширине экрана.

<?php
    NavBar::begin([
        'innerContainerOptions' => ['class' => 'container-fluid'],<
        'brandLabel' => Yii::$app->name,
        'brandUrl' => Yii::$app->homeUrl,
        'options' => [
            'class' => 'navbar navbar-expand-md my-navbar fixed-top',
        ],
    ]);

2. Изменил класс в layout/main.php container на

container-fluid

, чтобы вижен был по ширине экрана.

<div class="container-fluid">
        <?= Breadcrumbs::widget([
            'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
        ]) ?>
        <?= Alert::widget() ?>
        <?= $content ?>
    </div>

После изменений, текст страницы уехал на вверх, под header. Как это исправить?
Можно просто сделать margin-top:100px; Но можно как то более логичней, чтобы конайнеры не наезжали друг на друга?

Comments

[Dmitry Bay]

bootstrap доки читайте, если совсем просто - то navbar-fixed вроде класс на хидер.

[AlexSer]

Dmitry Bay, 'class' => 'navbar navbar-expand-md my-navbar fixed-top',
Там же прописано.

[Dmitry Bay]

AlexSer, innerContainerOptions' => ['class' => 'container-fluid'],<
а это тогда что за параметры?

[AlexSer]

Dmitry Bay, со стандартными классами все отображается нормально.
Но я хочу, чтобы NavBar был по ширине, вот и добавляю innerContainerOptions' => ['class' => 'container-fluid'
После замены container на container - fluid, основного div для отображения страниц index.php, что бы index был по ширине экрана, текс index поднимается за header

<div class="container-fluid">
        <?= Breadcrumbs::widget([
            'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
        ]) ?>
        <?= Alert::widget() ?>
        <?= $content ?>
    </div>

[Dmitry Bay]

AlexSer, Тогда сделайте это сначала в бутстрапе, а потом в виджете.
Но как по мне, такие базовые вещи намного проще чистым бутстрапом сделать , чем виджетами.

[AlexSer]

Dmitry Bay, посмотрел на стили main>.container там отступы были прописаны в ручную.
Скопировал просто эти отступы на container - fluid.
нормально начало показывать текст.