在整个屏幕上垂直对齐元素

Question

我的手机屏幕看起来像这样：

我希望手机的所有图标都对齐，以便它们彼此相对。
我使用bootstrap的网格系统。
我怎么能这样做？

Answer 1

这样做的一种方法是使用网格系统，例如，您可以执行以下操作：

<div class="row">
    <div class="col-2">ICON1</div>
    <div class="col-10">TEXT1</div>
</div>
<div class="row">
    <div class="col-2">ICON2</div>
    <div class="col-10">TEXT2</div>
</div>