html - 默认情况下 Bootstrap 辅助导航栏不折叠

Question

我在 bootstrap 导航栏中有辅助导航栏，默认情况下它们不会折叠。换句话说，我希望在加载页面时折叠这些子菜单。这是我的代码:

<li>
                            <a href="pumpstations.html"><i class="fa fa-building fa-fw"></i>Pump stations<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a>Create new station</a>
                                </li>
                                <li>
                                    <a>Edit pump station</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> Charts<span class="fa arrow"></span></a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a>Test chart</a>
                                </li>
                                <li>
                                    <a>Test Chart</a>
                                </li>
                            </ul>
                            <!-- /.nav-second-level -->
                        </li>

Answer 1

我发现了问题所在，链接本身是虚拟的，没有正确的 href 位置。