Question

我正在研究这个垂直菜单栏。我使用的是响应式css：Responsive Web Design by W3school 事情是这个列表，我正在制作有5个列表项使用字体真棒图标。我有一个媒体查询设置为最小宽度为768像素，当我低于菜单项中的文本开始在下面的行。

。

有没有什么方法可以对齐文本，以便它们在第一行之后开始，就像你们可以看到的那样 - 服务从图标下方而不是网络开始。我知道图标是文本，因此我也尝试了文本对齐，但它没有用。请帮帮我们

如果有一种方法可以在这两行之间对齐字体，那么它也会有所帮助。

Answer 1

在添加引导程序时，您应该能够使用网格将图标和文本相互放置。

<div col-xs-12 col-md-12 col-lg-12 col-sm-12>
<li>
<span class="glyphicons glyphicons-pie-chart"></span>
<b>Pie chart</b>
</li>
</div>