添加文本到汉堡包图标

Question

如何在bootstrap汉堡包项目中添加文字？通常它显示为三条水平线。我想把文字放在右边或左边。

想象一下这是汉堡图标：[=]

以下是我希望它的样子：Expand menu [=]

Answer 1

您所描述的“汉堡包图标”只是一个button，其中包含3 span，每个都有icon-bar类。

<button type="button" class="navbar-toggle" data-toggle="collapse" 
                                            data-target=".navbar-responsive-collapse">
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

您应该可以将此按钮包装在<div>元素中，并根据需要设置样式。