在整个屏幕上垂直对齐元素[重复]

Posted 2023-03-05

【中文标题】在整个屏幕上垂直对齐元素[重复]

【英文标题】：Vertically align elements throughout the entire screen [duplicate]

【发布时间】：2018-07-31 16:21:47

【问题描述】：

我的手机屏幕是这样的：

我希望手机的所有图标都对齐，以便它们彼此下方。 我使用引导程序的网格系统。 我该怎么做？

【问题讨论】：

显示一些代码。

【参考方案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>