Twitter bootstrap haml引导导航条问题

我有一个haml代码的导航栏，但当我调整屏幕大小时，我可以看到我的切换按钮，但如果我点击它，我的导航项目将不会显示。你知道会出什么问题吗？我也应要求添加了下面的CSS代码

    %nav.navbar.navbar-fixed-top{role: "navigation"}
      .container-fluid
        .navbar-header
          %button.navbar-toggle{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", type: "button"}
            %span.sr-only Toggle navigation
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar

          .navbar-brand 
            = link_to "TRAVVLR", root_path

        .collapse.navbar-collapse.navbar-collapse
            %ul.nav.navbar-nav.navbar-right
              %li= link_to "Login", "#login"
              %li= link_to "Sign up", "#sign_up"
              %li= link_to "Help", root_path

我总共拥有的css是：

// Page styling 

h1 {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
    letter-spacing: -1px;
}

// Navbar Styling 

.navbar-brand {
    text-transform: uppercase;
    letter-spacing: -1px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 25px !important;
}

.navbar-brand > a:hover {
    text-decoration: none;
}

.icon-bar {
   background-color:#000 !important;
}

// Jumbotron Styling

.jumbotron.vertical-center {
    margin-bottom: 0;
}

.vertical-center {
    min-height: 600px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center; 
}

.jumboContent {
    text-align: center;
}

---

我刚才把你的haml转换成html并检查了一下。看起来很好，比约恩。你也可以发布你的css吗？我用cssi编辑了我的帖子，发现了它是什么，忘了在我的ruby应用程序中添加//=require bootstrap链轮。js:/Oh好的。我想知道为什么它不起作用