Bootstrap: Как выровнять по вертикали 4 столбца и 3 столбца между пропусками? - PullRequest
Новая
       44

Bootstrap: Как выровнять по вертикали 4 столбца и 3 столбца между пропусками?

0 голосов
/ 01 марта 2019

Я использую мод начальной загрузки 3, дизайн, который я должен сделать, показан ниже

enter image description here

Мой код: 

<div class="row fr-flags">
<?php foreach ($language as $lang): ?>
<div class="col-xs-3">
<div class="row fr-flag">
<a  class ="close-fr-popup" href="<?php echo $lang['link']; ?>">
<img alt="<?php echo $lang['location']; ?>" src="<?php echo $lang['flag']; ?>">
</a>
</div>
<div class="row fr-text">
<a class="dont close-fr-popup" href="<?php echo $lang['link']; ?>">
<?php echo $lang['location']; ?>
</a>
</div>
</div>
<?php endforeach;?>
</div>

То, что я получаю, это 4 на 3 столбца, а не вертикальное выравнивание, за которым я иду, и я получаю текст не по центру ниже флага, в основном я пропускаю некоторые поля, но каждый раз, когда я что-то исправляю, что-то еще получаетсясломан или на экране другого размера.

...