User Agent Stylesheet überschreiben meinen Tischstil? Twitter Bootstrap
https://stackoverflow.com/questions/9308234
-
25-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Ich verwende Twitter Bootstrap. Mein Problem ist, dass Schriftgrößen in Tabellen falsch sind. Aus irgendeinem Grund überschreibt das User Agent Stylesheet die Bootstrap -Tabellenstile.
Auf der Twitter Bootstrap -Seite (http://twitter.github.com/bootstrap/base-css.html) Alles funktioniert natürlich richtig.
In meinem Inspektor sehe ich den folgenden Unterschied:
Meine Seite:
Die Twitter Bootstrap -Seite:
Das Problem ist also definitiv, dass das User Agent Stylesheet die Bootstrap -Stile überschreibt.
Ich konnte nicht herausfinden, warum dies auf meiner Seite und auf der Twitter -Bootstrap -Seite anders ist.
Die meisten anderen CSS funktionieren gut.
Mein CSS -Import:
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">
CSS -Import auf Twitter Bootstrap -Seite:
<link href="assets/css/bootstrap.css" rel="stylesheet">
Lösung
Ich habe das tatsächlich selbst herausgefunden. Ich hatte die <!DOCTYPE html> Tag fälschlicherweise geschrieben. Wenn Sie dieses Problem haben, stellen Sie sicher, dass die DocType -Erklärung korrekt ist!
Andere Tipps
Bitte importieren Sie die Docs.css auch in Ihre Bewerbung. Wenn ich das sagen muss, müssen Sie festgestellt haben, dass die Twitter Bootstrap Docs Verwenden Sie Bootstrap.css und benutzerdefinierte docs.css. Versuchen Sie es mit dem GitHub -Paket herunterzuladen. Versuchen Sie dann, mit den Tischklassen in Dokumenten herumzuspielen. CSS, ohne mit dem Master CSS zu spielen. Oder versuchen Sie, DocType in Header hinzuzufügen.
<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
Wenn deklarieren <!DOCTYPE html> Ganz anfangen funktioniert nicht, dann ist es wahrscheinlich nicht Ihr Benutzerblatt, das es kennt. Es kann sich um Bootstraps Style -Blatt überschreiben Ihre Stile (ich hatte dieses Problem). Stellen Sie sicher, dass Ihr Stylesheet miteinander verbunden ist nach Bootstraps Stilblatt in Ihrem HTML.
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->
Ich hatte das gleiche Problem wie das OP. Ich wollte einen schönen kleinen Text und einige Benutzer -Stylesheet überrangte es und setzte es ein:
font-size: medium;
Wenn ich wollte:
font-size:8pt;
Ich habe das Folgende oben auf meiner HTML -Seite platziert:
<!DOCTYPE html>
Damals war alles gut, eine schlechte Angewohnheit, um docType nicht an der Spitze zu erklären. Alle Benutzer -Stylesheets sind jetzt verschwunden.
Um herauszufinden, was auf Ihrem CSS überschreibt, ist es immer eine gute Idee, Element (F12) zu inspizieren, und Sie können Attribute im laufenden Fliegen ändern und aufsteuern, bis Sie nach rechts gelangen, und aktualisieren Sie Ihre CSS -Datei damit!
Wenn Sie jedoch über ein Benutzerstylesheet -Problem verfügen, werden diese Werte gesperrt.
Überprüfen Sie, ob Ihr CSS in Browser -Entwickler -Tools (Drücken Sie F12) unter Netzwerkspalte aufgerufen oder nicht.
Wenn es nicht genannt wird, verwenden Sie Ihre Stilblätter mit1 rel="stylesheet" type="text/css".
Es hat für mich funktioniert.
