Recently, I attempted to implement a Bootstrap 4.1 theme into my yii2 project. However, I encountered an issue where the containers were overlapping by about half of their width. Surprisingly, the classes I used are directly from the bootstrap framework. Here is an image displaying the problem: https://i.sstatic.net/ccisL.jpg Below is a snippet of my code along with the classes being utilized:
<div class="col-sm-6 col-lg-4" style="text-align:center;">
<div class="thumbnail">
<div class="caption" style="align-items: center;">
<img style="width=200 height=300"><?=HtmlPurifier::process($model->thumnail)?></img>
<h4 class="overme"><?=Html::encode ($model->title)?></h4>
<p>
<?=Html::a('More Informations', ['/library/books/detail', 'id' => $model->id], ['class'=>"btn btn-md
btn-primary"])?>
</p>
</div>
</div>
</div>
If you're interested in viewing the site and the theme causing the issue, they can be accessed through these links:
To delve further into the bootstrap code of the theme itself, visit this link: