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"