Bootstrap 4でフォントサイズを増やす方法

Question

Bootstrap 4では、font-sizeのデフォルトでは、フォントにemまたはremが使用されます。

すべてのビューポートサイズでfont-sizeを増やすにはどうすればよいですか？すべての要素が小さく見えるからです。

Answer 1

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

スタイルシートに3行のCSSを追加するのは非常に簡単です。

html {
    font-size: 16px;
} 

Answer 2

.h1から.h6 bootstrapクラスを使用するか、独自のカスタムCSSクラスを作成し、ここにフォントサイズを定義してクラスを配置できます。 HTML要素。