ブートストラップ3が私のフォントをすべて小さくしたのはなぜですか？

Question

私はブートストラップには新しく、私は自分のプロジェクトにブートストラップ3を追加し、フォントサイズをすべて縮小しました。これらのクラスで指定されたフォントサイズは決してありませんでした。私は、ブートストラップ3は、14にデフォルトサイズを持っていたと思った..何か他に何が必要ですか？

おかげ

Answer 1

あなたは/カスタマイズ何かを上書きすることができます - たとえば、あなたが、あなたの設定は、それを上書きします、ブートストラップファイルの後にCSSファイルをロードし、場合。あなたは夢を見ることができるものは何でも：

p { 
    font-size 18px; 
} 

のように...

私は強く、ソースコードを掘り下げるお勧めします：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：明確にするために、 "いいえ" あなたは」shouldnを他の何かをしなければならない。別の問題があるように聞こえます。リンクされたソースコードは、2015年2月の時点で、それはこのようになります...オリジナルの答え日以降に変更された：私たちは正しく私たちのプロジェクトを設定していると仮定すると、

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

、（bower install bootstrapは非常に簡単です）... bodyの外側にテキストをエコーし​​ようとすると、10個のテキストが出力されます。bodyの文字は14ピクセルにしてください。

体内に14ポイントのテキストが表示されていない場合は、それ以外に何かが踏み込まれている可能性があります。私は次に、フォントサイズがどこから来ているかを確認するためにChromeで（たとえば）調べます。

私は、この/ dist/cssファイルで見られるこれらの値が、より少ない変数からどのように得られているのかを理解することは役に立つと思っています。デフォルトはそのままで動作するはずですが、本文のテキストサイズを含むすべてのコントロール：http://getbootstrap.com/css/#less-variablesを参照してください。

Answer 2

それはライン1097に起因するこのブロックには、少なくともバージョン3.3.6のように、起こっているように見える

：あなたは、あなたのスタイルシートにこれを追加して、フォントサイズを復元することができます

html { 
    font-size: 10px; 

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

：

html 
{ 
    font-size: 100%; 
}