Kann die Bootstrap-Klasse nicht überschreiben?

Question

Ich versuche, die Schriftgröße der auf einer Website zu erhöhen, und ich kann nicht scheinen, die Standard-CSS zu überschreiben. Im Folgenden finden Sie ein Screenshot des CSS, das angewendet wird, wenn Sie es mit den Entwicklertools betrachten. Ich versuche, die Größe auf 14px zu erhöhen. Ich habe ein paar verschiedene CSS-Stile ohne Glück ausprobiert. Ich habe auch den Browser-Cache jedes Mal gelöscht, wenn ich es getestet habe.

In meiner LESS-Datei habe ich die folgenden:

@font-size-base: 14px; 

Ich habe versucht, wie auch die folgenden in meinem LESS-Datei hinzufügen:

div.container.body-container{ 
    font-size: @font-size-base !important; 
} 

AND 

.container.body-container{ 
    font-size: @font-size-base !important; 
} 

AND 

.body-container{ 
    font-size: @font-size-base !important; 
} 

Sie können etwas überschreiben die Schrift sehen mach es 11px.

***** ***** UPDATE

Hier ist der Eintrag aus dem Bündel. Die site.css kommt nach der Datei Bootstrap.css.

Answer 1

Wenn Sie Ihre CSS/LESS-Datei in den HTML-Code einfügen, stellen Sie sicher, dass sie nach dem Bootstrap-CSS/LESS-Befehl kommt.

Answer 2

Versuchen Sie, Ihre CSS-Datei über die andere in Ihrer index.html-Datei zu legen.

Answer 3

Wie andere bereits erwähnt haben, überprüfen Sie die Reihenfolge Ihrer CSS-Aufrufe. Aber auch in Ihrem Screenshot wird die Schriftgröße vererbt .body-content, nicht .body-container.

Answer 4

Danke für alle Vorschläge. Ich übernehme ein Projekt und der Entwickler vor mir hat kein Stylesheet benutzt, alles ist Inline-Styles. Auf der Grundlage des obigen Vorschlags fand ich den Inline-Stil, den ich nie für möglich gehalten hätte. Sie hatten den Inline-Stil direkt in den Container auf der _Layout.cshtml-Seite eingefügt. Ich entfernte den Inline-Stil und es funktionierte.

<div class="container body-content" style="font-size:11px"> 
    @RenderBody() 
</div>