Bootstrap Modal freezes the page

Question

Ich habe das Web nach Antworten zu diesem Thema durchsucht und diese Frage kommt meiner am nächsten. Bootstrap Modal erscheint, aber die Seite ist "getönt" und man kann nicht interagieren

Ich erstelle eine Admin-Seite mit Bootstrap und verwende dort Modals. Das Styling wird mit Bootswatch-Themes gemacht. Wenn ich einige Themes verwende und ein Modal öffne, erscheint das Modal auf einer getönten Seite und alles friert ein. Ich muss die Seite neu laden, um es loszuwerden.

Ich habe versucht, das Modal ans Ende der Seite zu verschieben, kurz vor dem schließenden
Tag. Nichts funktioniert!

Seltsam ist, dass bei dem "Basic" Bootstrap-CSS das gleiche Problem auftritt. Es gibt einige Bootswatch-Themes, die wie sie sollten funktionieren, und andere, die dieses Problem verursachen.

Ich habe ein Beispiel in jsFiddle erstellt: http://jsfiddle.net/qyo53dxh/ Dieses ist mit dem "Paper"-Theme von Bootswatch. Wenn ich z.B. das "United"-Theme verwende, funktioniert es normal.

Was ist los?

Answer 1

In Ihrem Fiddle importieren Sie bootstrap.css und bootstrap.min.css?

Bitte entfernen Sie bootstrap.css

Und alles funktioniert gut.

                    ×
                    Schließen

                Passwort zurücksetzen

                Geben Sie Ihre E-Mail-Adresse ein

                Abbrechen
                Wiederherstellen

Hier ist ein funktionierendes Fiddle http://jsfiddle.net/qyo53dxh/1/

Answer 2

Füge dies in den Style-Tag ein

.modal {
     background: rgba(255, 255, 255, 0.8);
}
.modal-backdrop {
     display: none;
}1200;