2017-01-31 4 views
0

Ich benutze Twitter Bootstrap über CDN und ich muss ein wenig die Spaltenhöhe einer Tabelle ändern, aber ich bin mir nicht sicher, wie es geht. Ich verwende cdn, also habe ich die heruntergeladene Datei bootstrap.css nicht. Ich habe versucht, die Klasse table-striped zu überschreiben und das Standardstyling zu ändern, aber kein Glück.So ändern Sie Bootstrap-Standard-Styling (CDN)

Ist es möglich, es mit CDN zu tun?

Danke.

+0

Im Allgemeinen müssen Ihre Styles der bootstrap.css folgen, wie hier erklärt: http://stackoverflow.com/questions/18068397/how-to-customize-bootstrap Beachten Sie auch die CSS-Spezifität. Die Verwendung von ".table-striped" in Ihrem CSS reicht möglicherweise nicht aus, um die Spezifität des Bootstrap-Selektors zu überschreiben. – ZimSystem

Antwort

2

Sie können die vorhandene CSS-Datei natürlich nicht ändern.

Sie müssen eine andere CSS-Datei laden und einen neuen Regelsatz schreiben, um die Regeln im vorhandenen zu ersetzen.

Der schwierigste Teil davon wird sicherstellen, dass der von Ihnen verwendete Selektor specific genug ist, so dass er die früheren Regeln überschreibt.

Sie können den genauen Selektor ablegen, der verwendet wird, um die zu ändernden Regeln mit dem in den Entwicklertools Ihres Browsers integrierten Inspektor anzuwenden. Untersuche das Element und sieh dir die Stile an.

Sie können den Selektor direkt kopieren/einfügen. Auf diese Weise wird Ihr Selector genauso spezifisch sein und, da Ihr Stylesheet nach Bootstrap geladen wird, werden alle Regeln ersetzt, die dieselbe Eigenschaft festlegen.