12

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

ありがとう

4

2 に答える 2

18

少なくともバージョン 3.3.6 では、1097 行のこのブロックが原因で発生しているようです。

html {
  font-size: 10px;

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

これをスタイルシートに追加することで、フォントサイズを元に戻すことができます:

html
{
    font-size: 100%;
}
于 2016-01-04T12:43:14.930 に答える
-4

何かをカスタマイズ/オーバーライドできます。たとえば、ブートストラップ ファイルの後に 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;
}

更新: 明確にするために、「いいえ」、他に何もする必要はありません。別の問題があるようです。リンクされたソース コードは、最初の回答日から変更されています... 2015 年 2 月現在、次のようになっています。

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

プロジェクトを正しく設定したと仮定すると (bower install bootstrap非常に簡単です)... の外側にテキストをエコーし​​ようとするとbody、10px のテキストになり、内側bodyは 14px になります。

本文内に 14 ポイントのテキストが表示されない場合は、何かがそれを踏んでいる可能性があります。次に、(たとえば) Chrome で調べて、フォントサイズがどこから来ているかを確認します。

この /dist/css ファイルに表示されるこれらの値が、より少ない変数からどのように導出されるかを理解すると役立つと思います...デフォルトはそのままで機能するはずですが、すべてを簡単に制御できます。本文のテキスト サイズを含む: http://getbootstrap.com/css/#less-variablesを参照してください。

于 2013-10-18T06:14:54.083 に答える