Hello,
I’m trying to present a general view that contains three columns (2 GridViews of different models and a main container to edit single selected object.
For some reason the 3 are rendered one under the other but I want them to be side by side horizontaly.
This is my code:
<div class="container-fluid">
<div class="row">
<!-- courses -->
<div class="col-md-3 col-lg-3">
<p>
<?= Html::a('+', ['create'], ['class' => 'btn btn-success']) ?>
</p>
<?php Pjax::begin(); ?> <?= GridView::widget([
'dataProvider' => $courseDataProvider,
'filterModel' => $courseSearchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'img',
'name',
'description',
],
]); ?>
<?php Pjax::end(); ?>
</div>
<!-- students -->
<div class="col-md-3 col-lg-3">
<p>
<?= Html::a('+', ['create'], ['class' => 'btn btn-success']) ?>
</p>
<?php Pjax::begin(); ?> <?= GridView::widget([
'dataProvider' => $studentDataProvider,
'filterModel' => $studentSearchModel,
'columns' => [
['class' => 'yii\grid\SerialColumn'],
'img_name',
'name',
'phone',
],
]); ?>
<?php Pjax::end(); ?>
</div>
<!-- students -->
<div class="col-md-6 col-lg-6">
main contianer
</div>
</div>
</div>
What am I doing wrong here?