Bootstrap 4 Navbar toggle cant hide (приложение ruby ​​on rails)

Я изучаю bootstrap 4, и у меня проблема с скрытием меню с помощью переключателя. Я могу легко развернуть меню, но если я нажму на переключатель, он не скроет меню

<nav class = "navbar sticky-top navbar-expand-lg navbar-light bg-light navbar-expand-lg" style = "background-color:#fff !important;border-bottom:2px solid #d6d6d6" >
    <%= link_to root_path, class:"navbar-brand" do %>
        <p  style = "margin-top: auto; margin-bottom: auto;"></i> Firstapp</p>
    <% end  %>
    <button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation">
        <span class = "navbar-toggler-icon"></span>
    </button>
    <div class = "collapse navbar-collapse" id = "navbarSupportedContent">
        <ul class = "navbar-nav mr-auto">
            <li>
                <%= link_to raw('Clients'), clients_path, class: "nav-link" %>
            </li>
            <li>
                <%= link_to raw('Contact'), contact_path, class: "nav-link" %>
            </li>
            <li class = "nav-item">
                <%= link_to raw('About us'), about_path, class: 'nav-link' %>
            </li>
            <li>
                <%= link_to raw('Offer'), offer_path, class: "nav-link" %>
            </li>
            <li class = "nav-item">
                <%= link_to raw('Solutions'), solutions_path, class: "nav-link" %>
            </li>
        </ul>
    </div>
</nav>

У меня в консоли такое предупреждение

turbolinks.self-2db6ec539b9190f75e1d477b305df53d12904d5cafdd47c7ffd91ba25cbec128.js?body=1:7

You are loading Turbolinks from a element inside the element. This is probably not what you meant to do!

Load your application’s JavaScript bundle inside the element instead. elements in are evaluated with each page change.

For more information, see: https://github.com/turbolinks/turbolinks#working-with-script-elements

—— Suppress this warning by adding a data-turbolinks-suppress-warning attribute to:

это файл application.js

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require popper
//= require bootstrap
//= require froala_editor.min.js
$(document).on('turbolinks:load', function() {
  $(function() { $('textarea').froalaEditor();
});
});

//= require plugins/align.min.js
//= require plugins/char_counter.min.js
//= require plugins/code_beautifier.min.js
//= require plugins/code_view.min.js
//= require plugins/colors.min.js
//= require plugins/emoticons.min.js
//= require plugins/entities.min.js
//= require plugins/file.min.js
//= require plugins/font_family.min.js
//= require plugins/font_size.min.js
//= require plugins/fullscreen.min.js
//= require plugins/help.min.js
//= require plugins/image.min.js
//= require plugins/image_manager.min.js
//= require plugins/inline_style.min.js
//= require plugins/line_breaker.min.js
//= require plugins/link.min.js
//= require plugins/lists.min.js
//= require plugins/paragraph_format.min.js
//= require plugins/paragraph_style.min.js
//= require plugins/print.min.js
//= require plugins/quick_insert.min.js
//= require plugins/quote.min.js
//= require plugins/save.min.js
//= require plugins/table.min.js
//= require plugins/special_characters.min.js
//= require plugins/url.min.js
//= require plugins/video.min.js

//= require third_party/embedly.min.js
//= require third_party/menuimage_aviary.min.js
//= require third_party/spell_checker.min.js
//= require social-share-button
//= require social-share-button/wechat # if you need use WeChat

Рассчитываю на вашу помощь, надеюсь, что моя задача подходит для начала темы о stackoverflow.