title: Bootstrap Modal immediately disappearing
body: <p>I'm working on a website using bootstrap.</p>
  
  <p>Basically, I wanted to use a modal in the home page, summoned by the button in the Hero Unit.</p>
  
  <p>Button code:</p>
  
  <pre><code>&lt;button type="button" 
      class="btn btn-warning btn-large" 
      data-toggle="modal"
      data-target="#myModal"&gt;Open Modal&lt;/button&gt;
  </code></pre>
  
  <p>Modal code: </p>
  
  <pre><code>&lt;div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
      &lt;h3 id="myModalLabel"&gt;In Costruzione&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
      &lt;p&gt;Test Modal: Bootstrap&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
      &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Chiudi&lt;/button&gt;
      &lt;button class="btn btn-warning"&gt;Salva&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that as soon as I click on the button, the modal fades in and then immediately disappears.</p>
  
  <p>I'd appreciate any help. </p>
  
  <p>Also, how to change the dropdown triangle's color (pointing up, no hover)? I'm working on a website based on orange and brown and that blue thing is really annoying.</p>