Почему не работает collaps в bootstrap?

Question

[Никита]

Имеется вот такой простой код:

%nav{role:'navigation', class:'navbar navbar-inverse'}
      %div{class: 'container'}
        %div{class: 'navbar-header'}
          = button_tag(type: 'button', class: 'navbar-toggle collapsed',
            data: { target: '#navbarCollapse', toggle: 'collapse' }) do
            %span{class: 'sr-only'}Toggle navigation
            %span{class: 'icon-bar'}
            %span{class: 'icon-bar'}
            %span{class: 'icon-bar'}
          = link_to 'Some title', '#', class: 'navbar-brand'
        %div{id: 'navbarCollapse', class: 'navbar-collapse collapse'}
          %ul{class: 'nav navbar-nav'}
            %li= link_to 'Help', '#'
            %li= link_to 'About Us', '#'
            %li= link_to 'Some text 1', '#'
            %li= link_to 'Some text 2', '#'

При разрешении < 768 появляется значок меню, как и должно быть(это работает), но при нажатии на него - меню не разворачивается. Исправьте, что делаю не так?

Answer 1

[Никита]

Проблема была из-за того, что в файле "application.js" я забыл написать:
//= require bootstrap-sprockets

Comments

[Алексей Иванов]

У меня такая же проблема. Только твой совет не стработал. Может подскажешь, куда там еще смотреть?
ссылка на вопрос