html - 在 Bootstrap 移动菜单按钮中添加文本

Question

如何在 bootstrap 移动菜单按钮中添加文本？​​

    <div class="sidebar-nav">
        <div class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-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 sidebar-navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
                <ul class="nav navbar-nav">
                    <li class="nav_bar_title"></li>

   <li class="page_item"></li>
                  </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>

例子，我想达到的目的:

Answer 1

您可以只为文本添加一个列表项，其余的为菜单项添加:

 <li class="page_item class-for-styling-the-text">your text here</li>

并使用某个类来设置该元素的样式或使用 css :first-child 选择器。

希望对您有所帮助。