レスポンシブ・フォントサイズを有効にする

Bootstrap4の $enable-responsive-font-sizes を有効にした場合に変更される見出しのスタイル。
ビューポイントのサイズを変えるとそれに合わせてフォントサイズが変わる(ビューポイントが1200px以下で有効)。

$enable-responsive-font-sizes を有効にする方法
  1. ツールのセットアップを実行。
  2. Bootstrap4のソースファイルの /scss/_variables.scssOptions の項目にある
    $enable-responsive-font-sizes: false !default;$enable-responsive-font-sizes: true !default; に変更。
  3. コマンドラインから npm run test を実行。
  4. dist/ 内のファイル全てが更新されるので、css/bootstrap.css または css/bootstrap.min.css を自分のサイトのものと差し替える。

h1 Bootstrap 見出し

h2 Bootstrap 見出し

h3 Bootstrap 見出し

h4 Bootstrap 見出し

display-1 見出し
display-2 見出し
display-3 見出し
display-4 見出し

閉じる