Ich benutze Bootstrap 3, um eine kleine Anwendung zu erstellen. Ich muss ihre verknüpfte Liste verwenden, möchte aber keine abgerundeten Rahmen.
In der CSS-Datei verwenden sie Folgendes:
%Vor%Im Moment überschreibe ich die Klassen wie folgt:
%Vor%Das Problem dabei ist, dass dadurch alle Listen, die ich gerendert habe, keine Grenzen setzen. Gibt es eine Möglichkeit, nur für diese einzelne Instanz, die ich verwende, zu überschreiben?
Hier ist ein Beispiel von bootstrap, wie man das benutzt ( Ссылка ):
%Vor% Kannst du einen speziellen Klassennamen für deine list-group
wie list-special
hinzufügen? Dann benutze ...
CSS
%Vor%HTML
%Vor%Demo: Ссылка
EDIT: Es ist generell nicht gut CSS zu benutzen! Da list-special
mehr Spezifität bietet, können Sie !important
entfernen. Ich habe das Bootply aktualisiert, damit Sie sehen können, wie das funktioniert.
Fügen Sie Ihrem übergeordneten div einfach eine zusätzliche Klasse hinzu.
%Vor%und dann targe es über CSS:
%Vor%BEARBEITEN: Wie angefordert, einen Bootply-Link: bootply
Tags und Links html css twitter-bootstrap twitter-bootstrap-3