小编sin*_*nge的帖子

一些测试表明,移动设备上可折叠菜单的"汉堡包"按钮对于用户来说是个谜,我想在移动视图中看到我的Bootstrap菜单按钮旁边添加"菜单"一词.

如需进一步阅读,请查看这篇文章:"汉堡包对你不利":http://mor10.com/hamburger-bad/

这是基本的Bootstrap代码:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <!-- Represents navbar collapsed menu on smaller screens -->
  <span class="sr-only">Toggle navigation</span>
    <!-- 3 horizontal lines on small screen nav button -->
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

所以,我想在手机上的图标旁边添加"MENU"这个词.我制作了一个我正在谈论的模型,但是我没有足够的声誉来发布它.

请在此处查看:https://imgur.com/M7hGS7F

• 仅供参考,这是一个模型,实际的Bootstrap页面不包含MENU文本,否则我只看一下源代码.

如果您可以提供有关如何包含的信息为(A)只是按钮旁边的文本和(B)作为按钮的一部分,所以可以点击它是很棒的.在此先感谢您对此解决方案的帮助!