Bootstrap Modal verschwindet sofort

Ich arbeite mit Bootstrap an einer Website.

Grundsätzlich wollte ich ein Modal auf der Homepage verwenden, das über die Schaltfläche in der Hero Unit aufgerufen wurde.

Tastencode:

<button type="button" 
    class="btn btn-warning btn-large" 
    data-toggle="modal"
    data-target="#myModal">Open Modal</button>

Modalcode:

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">In Costruzione</h3>
  </div>
  <div class="modal-body">
    <p>Test Modal: Bootstrap</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Chiudi</button>
    <button class="btn btn-warning">Salva</button>
  </div>
</div>

Das Problem ist, dass sobald ich auf die Schaltfläche klicke, das Modal eingeblendet wird und dann sofort verschwindet.

Ich würde mich über jede Hilfe freuen.

Wie kann man auch die Farbe des Dropdown-Dreiecks ändern (nach oben zeigen, kein Hover)? Ich arbeite an einer Website, die auf Orange und Braun basiert, und diese blaue Sache ist wirklich nervig.

Antworten auf die Frage(25)

Ihre Antwort auf die Frage