默认情况下，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位置。