Warum hat Bootstrap 3 alle meine Schriften kleiner gemacht?

Question

Ich bin neu Bootstrap, und ich habe Bootstrap 3 in mein Projekt hinzugefügt und es schrumpfte alle Schriftgrößen, ich hatte nie eine Schriftgröße in diesen Klassen angegeben. Ich dachte, Bootstrap 3 hätte die Standardgröße von 14 ... Gibt es noch etwas anderes, was ich tun muss?

Dank

Answer 1

Sie können alles anpassen/außer Kraft setzen - wenn Sie zum Beispiel Ihre CSS-Datei nach der Bootstrap-Datei laden, dann Ihre Einstellungen wird es außer Kraft setzen. Was auch immer Sie träumen können:

p { 
    font-size 18px; 
} 

und so weiter ...

ich stark zu graben in den Quellcode empfehlen: https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css

html { 
    font-size: 62.5%; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 

body { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 14px; 
    line-height: 1.428571429; 
    color: #333333; 
    background-color: #ffffff; 
} 

UPDATE: Um zu klären, "Nein" Sie shouldn‘ Ich muss noch etwas tun. Es klingt wie ein anderes Problem. Die verknüpfte Quellcode hat sich seit der ursprünglichen Antwort Datum geändert ... ab Februar 2015, sieht es wie folgt aus:

html { 
    font-size: 10px; 
} 
body { 
    font-size: 14px; 
} 

Angenommen wir unser Projekt richtig eingerichtet haben, (bower install bootstrap ist recht einfach) ... Versuchen, Text außerhalb der body Echo sollte 10px Text ergeben, innerhalb body sollte 14px sein.

Wenn Sie innerhalb des Körpers keinen 14-Punkte-Text sehen, könnte etwas anderes darauf treten. Als Nächstes würde ich zum Beispiel in Chrome nachsehen, um zu bestätigen, woher die Schriftgröße kam.

Ich möchte hinzufügen, dass es hilfreich zu verstehen ist, wie diese Werte, die wir in dieser/dist/CSS-Datei sehen, von weniger Variablen abgeleitet werden ... die Standardeinstellungen sollten out of the box funktionieren, aber Sie haben einfach Kontrolle über alles, einschließlich der Textgröße des Körpers: siehe http://getbootstrap.com/css/#less-variables.

Answer 2

Es scheint zu geschehen, zumindest ab der Version 3.3.6, aufgrund dieser Block auf der Linie 1097:

html { 
    font-size: 10px; 

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 

Sie Ihre font-size wiederherstellen kann dies zu Ihrem Stylesheet durch Zugabe:

html 
{ 
    font-size: 100%; 
}