bootstrap + FOR 3.2.21 导航栏不工作

Question

“主页”部分是导航栏，但并未显示其应有的样子。它曾经有效，但我不知道我做了什么，它停止工作了。

您可以看到 boostrap.min.js 和 boostrap.min.css 已加载

供应商文件夹中有 bootstrap.min.js，还有 boostrap.min.css。我已将它们包含在 application.css 和 application.js 中。我有 config.assets.enabled = true ，因为如果我将其设置为 false，则不会加载 css 或 js。我确信它与资产管道有关，但我一直在搜索和尝试新事物，其中 none 似乎有效。
我确实在没有使用 gem 的情况下安装了 bootstrap 我下载了文件并将它们放在 vendor 文件夹中。我在 rails 上对 ruby 还很陌生。
下面是我的 _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

Answer 1

不是缺少 CSS，因为您的 table 将以 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

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

希望对您有所帮助！

bootstrap + FOR 3.2.21 导航栏不工作

boostrap + ROR 3.2.21 navbar isn't working

css

ruby

ruby-on-rails

ruby-on-rails-3

twitter-bootstrap