html - Bootstrap：如何在间隙之间垂直对齐 4 列后跟 3？

Question

我正在使用 bootstrap 3 modal，我要做的设计如下所示

我的代码是：

<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 x 3 列，但不是我所追求的垂直对齐，而且我得到的文本不在标志下方居中，基本上我缺少一些边距，但每次我修复某些东西时，其他东西会损坏或在不同的屏幕尺寸。

标签： htmlcsstwitter-bootstraptwitter-bootstrap-3bootstrap-modal