title: bootstrap modal disappear immediately after showing
body: <p>I'm using bootstrap's modal plugin in rails</p>
  
  <p>The website says I can gain the function without write javascript.</p>
  
  <p>I add the following line in my <strong>HTML</strong>(in slim):</p>
  
  <pre><code>div#makeDream.modal.hide.fade 
      div.modal-header
          a.close data-dismiss='modal'
          h3 Hello World!            
      div.modal-body
      div.modal-footer
  
  a data-toggle='modal' data-target='#makeDream' Button
  </code></pre>
  
  <p>However, after I clicking the <code>Button</code>. the modal shows up, but immediately disappears!</p>
  
  <p>I found the css of <code>#makeDream</code> has</p>
  
  <pre><code>display:none
  </code></pre>
  
  <p>I don't where it comes</p>
  
  <p>Can someone tell me how to fix it?</p>