title: How to use bootstrap modal with rails?
body: <p>I would like to implement a boostrap modal in my rails application.
  The button is displaying but when I click on it nothing appears :</p>
  
  <pre><code>/ Trigger the modal with a button
  %button.btn.btn-info.btn-lg{"data-target" =&gt; "#myModal", "data-toggle" =&gt; "modal", :type =&gt; "button"} Open Modal
  / Modal
  #myModal.modal.fade{:role =&gt; "dialog"}
    .modal-dialog
      / Modal content
      .modal-content
        .modal-header
          %button.close{"data-dismiss" =&gt; "modal", :type =&gt; "button"} ×
          %h4.modal-title Modal Header
        .modal-body
          %p Some text in the modal.
        .modal-footer
          %button.btn.btn-default{"data-dismiss" =&gt; "modal", :type =&gt; "button"} Close
  </code></pre>
  
  <p>I think I miss something. Those are my gems installed :</p>
  
  <pre><code>source 'https://rubygems.org'
  gem 'bootstrap-sass', '~&gt; 3.3.6'
  gem 'twitter-bootstrap-rails', :git =&gt; 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
  gem 'haml', '~&gt; 4.0', '&gt;= 4.0.7'
  gem 'foundation'
  gem 'rails', '4.2.6'
  gem 'sass-rails', '~&gt; 5.0'
  gem 'uglifier', '&gt;= 1.3.0'
  gem 'coffee-rails', '~&gt; 4.1.0'
  gem 'jquery-rails'
  gem 'turbolinks'
  gem 'jbuilder', '~&gt; 2.0'
  ...
  </code></pre>
  
  <p>my application layout :</p>
  
  <pre><code>!!!
  %html
    %head
      %title HealthyBox
      = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true
      = javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true
      = csrf_meta_tags
  </code></pre>
  
  <p>application.css.scss</p>
  
  <pre><code>@import "bootstrap-sprockets";
  @import "bootstrap";
  </code></pre>