Bootstrap rails下拉导航栏停止工作答案

【问题标题】：Bootstrap rails drop down navbar stopped workingBootstrap rails下拉导航栏停止工作
【发布时间】：2018-04-12 16:56:16
【问题描述】：

移动版本的折叠导航栏将无法打开。该网站是 www.insaka.org。这是导航栏代码。上次检查时我可以发誓它工作正常，但现在不行了。有什么想法吗？

<div class="container">
<nav class="navbar navbar-expand-md fixed-top navbar-dark">
  <a class="navbar-brand" href="/">Home</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
    <%= render 'layouts/navigation_links' %>
    <% render 'layouts/nav_links_for_auth' %>
    </ul>


      <div>
           <a href="http://www.insaka.org/pages/candidates" class="button2">Donate</a>
           </div>
      <div>
          <img class="featurette-image img-fluid mx-auto img-responsive max-width:25px height:auto" src="../images/blue insaka logo.jpg">
      </div>


  </div>
</nav>

【问题讨论】：

您使用的是什么版本的引导程序？你也可以显示 gemfile 和 application.js 文件。我之前可能在使用 Rails 5 和 Bootstrap 4 时遇到过这个问题
'bootstrap', '~> 4.0.0.alpha6'
我可能会先将引导程序更新到正式版本的 4.1v。一些类现在已被弃用，所以这可能是个问题。
确保在 app.js 文件中包含适当的文件。并确保您已包含 jquery-rails gem。
Gemfile- ruby '2.4.0' gem 'rails', '~> 5.1.3' gem 'puma', '~> 3.7' gem 'sass-rails', '~> 5.0' gem 'uglifier', '>= 1.3.0' gem 'coffee-rails', '~> 4.2' gem 'turbolinks', '~> 5' gem 'jbuilder', '~> 2.5' group :development, :test做 gem 'byebug'，平台：[:mri, :mingw, :x64_mingw] gem 'capybara', '~> 2.13' gem 'selenium-webdriver' end group :development do gem 'web-console', '>= 3.3 .0' gem 'listen', '>= 3.0.5', ' 2.0.0' end

标签： ruby-on-rails navbar

【解决方案1】：

如果您在控制台中检查 javascript 错误，您会发现问题：

popper.min.js
bootstrap.min.js
holder.min.js

这三个js文件都找不到了。

【讨论】：