Css 在移动设备上测试时导航栏未折叠

我刚刚创建了一个垂直引导导航栏，它看起来像这样：

现在我的问题是，当我在手机上测试应用程序时，它没有崩溃，而是消失了，3行没有出现

代码如下：

<div class="navbar-collapse collapse">
          <ul class="sidebar-menu">
            <li class="header">MAIN MENU</li>

            <li class="treeview">
              <a href="#">
                <i class="fa fa-dashboard"></i> <span class="glyphicon glyphicon-home"> Home</span> <i class="fa fa-angle-left pull-right"></i>
              </a>
            </li>
                        <li class="treeview">
              <a href="#">
                <i class="fa fa-edit"></i><span class="glyphicon glyphicon-folder-open"> Patients</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-files-o"></i>
                <span class="glyphicon glyphicon-calendar"> Appointments</span>
                <span class="label label-primary pull-right">4</span>
              </a>
            </li>
            <li>
              <a href="widgets.html">
                <i class="fa fa-th"></i> <span class="glyphicon glyphicon-list-alt"> Daily Reports</span> <!--<small class="label pull-right bg-green">income reports</small>-->
              </a>
            </li>
            <li>
              <a href="widgets.html">
                <i class="fa fa-th"></i> <span class="glyphicon glyphicon-list"> Monthly Reports</span> <!--<small class="label pull-right bg-green">income reports</small>-->
              </a>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-pie-chart"></i>
                <span class="glyphicon glyphicon-credit-card"> Debts</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-laptop"></i>
                <span class="glyphicon glyphicon-usd"> Outlay</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>

            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-table"></i> <span class="glyphicon glyphicon-scale"> Statistics</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-table"></i> <span class="glyphicon glyphicon-plus"> Equipments/Tools</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
            </li>
        </ul>
    </div>

主菜单

您是否有意不在问题中粘贴

按钮

代码

如果没有，您还应具备以下条件：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#uniqueid" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
</button>

---

当然不是故意的。我现在将测试它，让我们看看它可以做一些事情。。。你有没有注意到这一点：。可能与你的包装有关

是的。如果你愿意，我可以在这里发布所有页面的代码，或者通过电子邮件发送给你email@androidnation如果您可以修改您的问题，以包括所有适用的代码（即，nav元素中的所有内容以及您应用的任何自定义CSS），那就太好了。

<div class="navbar-collapse collapse" id="uniqueid">