Entferne den Umrandungsradius von List ohne global zu überschreiben (Bootstrap 3)

8

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%     
TheAJ 20.11.2013, 20:03
quelle

3 Antworten

11

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.

    
ZimSystem 20.11.2013, 20:10
quelle
8

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

    
Sebsemillia 20.11.2013 20:13
quelle
0
%Vor%     
AKID Ahmed 13.09.2014 11:54
quelle