Bootstrap导航栏按钮[Rails]

Question

我刚刚为我的网站创建了一个导航栏，虽然它看起来就像我想要的那样，但我的按钮不起作用。

<div class = "navbar navbar-inverse navbar-static-top">
    <div class = "container">   
        <a class = "navbar-brand">#</a>
            <button class = "navbar-toggle" data-toggle = "collapse" data target = "#navHeaderCollapse">
                <span class = "icon-bar"></span>
                <span class = "icon-bar"></span>
                <span class = "icon-bar"></span>
            </button>
                <div class = "collapse navbar-collapse" id="navHeaderCollapse">
                    <ul class = "nav navbar-nav pull-right">
                        <li><%= link_to "Home", root_path %></li>
                        <li><%= link_to "About", about_path %></li>
                        <li><%= link_to "Social Media", social_path %></li>
                        <li><%= link_to "Contact Us", contact_path %></li>

                    </ul>
                </div>
    </div>
</div> 

这就是条形图的全分辨率。

这就是我将窗口缩小的样子。

它看起来与我希望它看起来完全一样。但是，当我点击按钮时，没有任何反应。它应该滚动整个链接列表。有任何想法吗？如果你没有发现任何缺陷，我是否可能搞乱了设置，这使代码无法工作？

Answer 1

那些空间是什么

即：

<a class = "navbar-brand">#</a>

应该是

<a class="navbar-brand">#</a>

我相信你写了一个错字：

data target = "#navHeaderCollapse"

应该是

data-target="#navHeaderCollapse"