2017-09-01 22 views
14

私はこのバージョン(bootstrap-4)でbootstrap-4を使用していますが、デフォルトではemまたはremをフォント用に使用しています。ブートストラップ-4のフォントサイズを増やす方法は?

この質問は、どのようにすべてのビューポートサイズのfont-sizeを増やすことができますか。 すべての要素が非常に小さく見えているからです。 bootstrap-4で簡単に行う方法はありますか?

+0

CSSでフォントサイズを設定することはできますか? – cwanjt

答えて

14

ブートストラップ4は、それの要素のほとんどのfont-size単位のためにREMを使用しているため、独自のスタイルシートでHTML要素にpxfont-sizeを設定することができ、これは、ブートストラップサイジングデフォルトを変更しますが、あなたの要素に適用されます。私はcodeply projectへのリンクを含んでいるので、実際にそれを見ることができます。環境にはすでにBootstrap 4がロードされています。 htmlセレクタのfont-sizeの値を変更してプロジェクトを実行すると、要素のサイジングがすべてルート要素に対してどのように変化するかを見ることができます。

あなたのスタイルシートにCSSの3行を追加するのはかなり簡単なはず:

html { 
    font-size: 16px; 
} 
+1

これをem値に設定することもできますが、複数のサイズでテストする必要があります。この方法の主な利点は、ユーザーエージェントとユーザースタイルシートのフォントサイズの設定を尊重し、視覚障害のあるユーザーがサイトにアクセスしやすくすることです。 – LightBender

-1

あなたは.h1.h6にブートストラップクラスを使用するか、独自のカスタムCSSクラスを作成し、ここでは上のフォントサイズを定義し、あなたを置くことができますHTML要素のクラス

関連する問題