我想在移动设备上显示的引导菜单中添加一些文本.当浏览器窗口宽度低于媒体查询阈值时,当前3个图标栏显示为菜单右侧的按钮.菜单栏左侧的所有空白区域我都想添加一些文字.无论我到目前为止尝试过什么,都会在普通菜单上显示文字,或者在按钮框内显示文字.谁能建议最好的方法来实现这一目标?
恩.
<div class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<span class="navbar-toggle small text-left">Text Here</span>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="../index.html">Home</a></li>
<li><a href="../about.html">About</a></li>
<li><a href="../glass-services.html">Services</a></li>
<li><a href="../contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)