bootstrap + FOR 3.2.21 导航栏不起作用答案

【问题标题】：boostrap + ROR 3.2.21 navbar isn't workingbootstrap + FOR 3.2.21 导航栏不起作用
【发布时间】：2015-05-21 16:49:02
【问题描述】：

主页部分是导航栏，但它没有显示它应该如何显示。它曾经可以工作，但我不知道我做了什么并且它停止工作了。

可以看到boostrap.min.js和boostrap.min.css已经加载完毕

我在供应商文件夹中有 bootstrap.min.js 和 boostrap.min.css。我已将它们包含在 application.css 和 application.js 中。我有 config.assets.enabled = true ，因为如果我将其设置为 false，则不会加载 css 或 js。我确信这与资产管道有关，但我一直在寻找和尝试新事物，但它们似乎都不起作用。
我确实在没有使用 gem 的情况下安装了引导程序，我下载了文件并将它们放在供应商文件夹中。我对 ruby on rails 还是很陌生。
下面是我的 _nabar.html.haml 文件，但它之前确实有效。所以我不认为它有任何意义。

%nav.navbar.navbar-default{role: "navigation"}
  / Brand and toggle get grouped for better mobile display
  .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
    =link_to "Home", root_path, :class => "navbar-brand"
  / Collect the nav links, forms, and other content for toggling
  .navbar-collapse.collapse
    %ul.nav.navbar-nav
    - if current_user.admin?
      %li{:class => (current_page?(users_path)? "active" : "")} 
        =link_to "Users", users_path
      %li{:class => (current_page?(member_emails_path)? "active" : "")} 
        =link_to "Member Emails", member_emails_path      
      %li{:class => (current_page?(class_names_path)? "active" : "")} 
        =link_to "Classes", class_names_path      
      %li{:class => (current_page?(class_test_names_path)? "active" : "")} 
        =link_to "Test Categories", class_test_names_path      
      %li{:class => (current_page?(test_entries_path)? "active" : "")} 
        =link_to "Test Entry", test_entries_path
    %ul.nav.navbar-nav.navbar-right
      %li
        =link_to "Sign Out", destroy_user_session_path, :method => :delete

【问题讨论】：

缩进在HAML 中很重要。看起来第一行应该是 4 个空格。
sry 缩进是正确的我只是很难将它粘贴到发布问题的格式中。 Ty 的反馈虽然

标签： css ruby-on-rails ruby ruby-on-rails-3 twitter-bootstrap

【解决方案1】：

这不是缺少 CSS，因为您的表格是 BS 格式的。

肯定是缩进。

见：

%ul.nav.navbar-nav
- if current_user.admin?
  %li{:class => (current_page?(users_path)? "active" : "")} 
    =link_to "Users", users_path
  %li{:class => (current_page?(member_emails_path)? "active" : "")} 
    =link_to "Member Emails", member_emails_path      
  %li{:class => (current_page?(class_names_path)? "active" : "")} 
    =link_to "Classes", class_names_path      
  %li{:class => (current_page?(class_test_names_path)? "active" : "")} 
    =link_to "Test Categories", class_test_names_path      
  %li{:class => (current_page?(test_entries_path)? "active" : "")} 
    =link_to "Test Entry", test_entries_path

应该是：

%ul.nav.navbar-nav
  - if current_user.admin?
    %li{:class => (current_page?(users_path)? "active" : "")} 
      =link_to "Users", users_path
    %li{:class => (current_page?(member_emails_path)? "active" : "")} 
      =link_to "Member Emails", member_emails_path      
    %li{:class => (current_page?(class_names_path)? "active" : "")} 
      =link_to "Classes", class_names_path      
   %li{:class => (current_page?(class_test_names_path)? "active" : "")} 
      =link_to "Test Categories", class_test_names_path      
    %li{:class => (current_page?(test_entries_path)? "active" : "")} 
      =link_to "Test Entry", test_entries_path

缺少的缩进导致 HTML 像

ul
li

而不是

ul
  li

在您的页面上查看源代码，您应该会看到问题。

希望有帮助！

【讨论】：