大佬教程收集整理的这篇文章主要介绍了html – 添加文本提示引导Navbar切换按钮在移动视图，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
为了进一步阅读,请阅读这篇文章：“汉堡包是坏的”：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”.我做了一个我正在谈论的模型,但我没有足够的声誉在SO发布.
在这里查看：https://imgur.com/M7hGS7F
> FYI这是一个模型,实际的Bootstrap页面不包含MENU文本,否则我只是来看看.
如果您可以提供有关如何包含的信息,则为(A)只需按钮& (B)作为按钮的一部分,所以它可以被点击,将是非常棒的.提前感谢您的帮助解决方案！
只需包含对fontawesome的引用(参见http://fortawesome.github.io/Font-Awesome/get-started/),然后使用条形图标(http://fortawesome.github.io/Font-Awesome/icon/bars/)
所以你的代码会看起来很好像那样：
<head> [...] <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> [...] </head> <body> [...] <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> <i class="fa fa-bars" aria-hidden="true"></i> Menu </button>
如果酒吧图标应该更大,只需添加fa-lg或任何其他类可以在http://fortawesome.github.io/Font-Awesome/examples/找到图标
以上是大佬教程为你收集整理的html – 添加文本提示引导Navbar切换按钮在移动视图全部内容，希望文章能够帮你解决html – 添加文本提示引导Navbar切换按钮在移动视图所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。