2017-12-31 25 views
1

Ich möchte Bootstrap Modal in meinem Projekt verwenden, aber wenn ich Bootstrap Stylesheets laden bremst es meine Website, da es scheint, viel von meinem CSS zu überschreiben.Bootstrap Stil Modal ohne Bootstrap

Kennt jemand Bootstrap-Stil-Skript, das ich verwenden könnte, ohne das gesamte Bootstrap laden nur für die Verwendung von Modal-Funktion? Oder gibt es eine andere Möglichkeit, Bootstraps Modal zu verwenden, ohne mein CSS zu bremsen. Prost

PS. Ja, ich habe versucht, Bootstrap vor meinen CSS Stylesheets zu laden, es überschreibt immer noch mein CSS.

+0

Sie können die Bootstrap.css-Assets vermeiden und die benutzerdefinierten Stile auf das Modal anwenden. Dieser Ansatz ist der schwierige! – Ele

Antwort

0

Ich denke, Sie können Ihre CSS für Bootstrap anpassen.

Verwenden Sie diesen Link, um das zu tun: https://getbootstrap.com/docs/3.3/customize/

enter image description here

hoffe, das hilft!

+0

Das war was ich gesucht habe! Danke :) aber ich wählte nur modal, um in meinem kundenspezifischen bootstrap zu sein, setzte alles andere für Typografie etc. zurück und es beeinflusste noch meinen Text (alle h1, h2, h3 und Absätze) – woocash

+0

Wenn nur Überschriftart beeinflußt wird, überschreiben diese Styles von Ihrem Header Stile mit! wichtige Flagge. Ich schlage das vor, weil die einzigen betroffenen Stile die Header sind. – Ele

0

müssen Sie diese URL überprüfen, kann es hilfreich sein für Sie here

wenn Sie wollen mit jquery Effekt arbeiten als versuchen, diese ein Here

+0

Danke! Das ist ein sehr schönes Modal, das Bootstraps sehr ähnlich sieht. Ich könnte das in meinem Projekt verwenden. Prost! – woocash

0

Um CSS zu verhindern überschrieben werden, die Verwendung ! important Flagge:

p { 
 
    color: blue !important; 
 
    color: red; 
 
}
<p>my stuff</p>

+0

Es ist eine Alternative, die dazu führt, dass dies für das gesamte Projekt getan wird und dazu neigt, falsche Sachen zu machen. Außerdem wird jeder neue Stil eine Behandlung benötigen, um dem gewünschten Stil zu folgen. – Ele

+0

Ja, es ist nicht die Lösung für sein spezifisches Problem. Könnte aber hilfreich sein. –

0

Es gibt ein süßes modales Plugin namens iziModal. Hier ist die Github-Repo-Verknüpfung: https://github.com/dolce/iziModal

+0

Große Alternative für ein Bootstrap modal :) Ich könnte es auch in Zukunft verwenden Danke! – woocash