Для исправления наезда двух div в Bootstrap 4 в Yii2 можно использовать различные подходы. Вот несколько способов, которые могут помочь:
1. Используйте сетку Bootstrap 4:
Bootstrap 4 предлагает мощную систему сетки, которая позволяет легко контролировать расположение элементов на странице. Чтобы избежать наезда двух div, вы можете использовать классы "row" и "col" внутри контейнера.
Пример:
<div class="container">
<div class="row">
<div class="col-lg-6">Div 1</div>
<div class="col-lg-6">Div 2</div>
</div>
</div>
В этом примере div размещаются внутри контейнера и распределяются на две колонки равной ширины с помощью классов "col-lg-6". Можно использовать другие классы сетки Bootstrap 4 для определения ширины колонок в соответствии с вашими потребностями.
2. Используйте CSS-стили:
Другой способ - это использовать CSS-стили для контроля расположения и внешнего вида div. Вы можете применить отступы, паддинги или другие стили к разделам, чтобы избежать их наезда.
Пример:
.div1 {
margin-right: 10px;
}
.div2 {
margin-left: 10px;
}
В этом примере мы создаем два класса CSS - ".div1" и ".div2", и применяем отступы справа или слева соответственно.
3. Используйте встроенные инструменты Yii2:
Yii2 также предоставляет свои собственные инструменты для контроля расположения элементов на странице. Возможно, в вашем случае будет полезен класс "yiigridGridView", который позволяет создать гибкую и адаптивную таблицу.
Пример:
<?= GridView::widget([
'dataProvider' => $dataProvider,
'columns' => [
'column1',
'column2',
],
]); ?>
Однако, для более точного решения вам нужно предоставить больше информации о вашей проблеме и коде, чтобы мы могли предложить более конкретное и подробное решение.