Ich verwende eine Bootstrap-Benutzeroberfläche mit AngularJS-Direktiven und ich möchte die Standardstile ändern, die der Bootstrap für seine Elemente verwendet.
Soll ich den HTML-Inhalt aus der Vorlage heraus anvisieren?
Basierend auf den Beispielen in der Dokumentation möchte ich das Akkordeon verwenden.
>Wenn ich es in HTML definiere, hat es die folgende Struktur:
%Vor%Aber wenn die Anweisung die Vorlage verarbeitet, wird sie in den folgenden HTML-Code umgewandelt:
%Vor%Wie Sie sehen können, ändert sich das ziemlich deutlich. Wenn ich ändern möchte, wie der Panel-Titel angezeigt wird, sollte ich dies in meine CSS-Dateien schreiben?
%Vor%und hoffe, dass sich die Vorlage in Zukunft nicht ändert?
Was ist der beste Ansatz zum Ändern von Stilen für HTML-Elemente, die von Vorlagen einer Richtlinie generiert werden?
Wenn Sie Ihre CSS (site-specific.css) nach Bootstrap (bootstrap.css) einfügen, können Sie Regeln überschreiben, indem Sie sie neu definieren.
Wenn Sie beispielsweise CSS in Ihr <head>
Sie können das Panel einfach überschreiben (in Ihrer Site-spezifischen.css-Datei):
%Vor%Und kümmern Sie sich in Zukunft nicht um die Änderung der Vorlage. Wenn Sie eine bestimmte Version verwenden, wirken sich Aktualisierungen nicht auf Sie aus. Sie generieren eine neue Vorlage mit einem neuen Versionsnamen.
Tags und Links angularjs css twitter-bootstrap angular-bootstrap