Bootstrap Stil Modal ohne Bootstrap

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.

Quelle

2017-12-31 woocash

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

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/

hoffe, das hilft!

Quelle

2017-12-31 16:04:04 Ele

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

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

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

Quelle

2017-12-31 16:04:47

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

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

p { 
 
    color: blue !important; 
 
    color: red; 
 
}

<p>my stuff</p>

Quelle

2017-12-31 16:07:13

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

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

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

Quelle

2017-12-31 16:12:55 metinata

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

Bootstrap Stil Modal ohne Bootstrap

Antwort

Verwandte Themen