jquery - bootstrap/html -- 如何让移动向下滑动导航在桌面分辨率下工作？

Question

我一直在尝试让移动导航样式在桌面上工作，但我似乎无法让它工作。

我正在使用引导程序。我希望有一个像在移动设备上那样显示导航项目的“下拉”按钮。

这是我在 HTML 中尝试的，而 Bootstrap CSS 保持不变：

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span> 
                <span class="icon-bar"></span> 
                <span class="icon-bar"></span> 
            </button>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <ol id="toc"></ol>
                    <script type="text/javascript" charset="utf-8">
                        $(document).ready(function() {
                            $("ol#toc").tableOfContents($("#content"),
                            { startLevel: "2" } ); 
                        }) 
                    </script>
                </ul> 
            </div> 
        </div> 
    </div>
</div>

提前致谢！

Answer 1

尝试从中删除“collapse”类

<div class="nav-collapse collapse">

看看它是如何反应的。

数据目标可能需要 div 的所有类，而不仅仅是一个类，例如：

data-target="nav-collapse.collapse"

希望这可以帮助。