Bootstrap：如何在间隙之间垂直对齐3列中的4列？

Question

我正在使用bootstrap 3模态，我必须做的设计如下所示

我的代码是：

<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列，但是不是我要的垂直对齐方式，并且我得到的文本不在标记的下方居中，基本上我缺少一些边距，但是每次我修复某些内容时，其他内容都会损坏或使用其他屏幕尺寸。