小编use*_*171的帖子

如何在bootstrap移动菜单中添加文本

我想在移动设备上显示的引导菜单中添加一些文本.当浏览器窗口宽度低于媒体查询阈值时,当前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)

text menu navbar twitter-bootstrap

1
推荐指数
1
解决办法
8126
查看次数

标签 统计

menu ×1

navbar ×1

text ×1

twitter-bootstrap ×1