LaravelでBootstrapの文字サイズをレスポンシブにする

Laravel

Bootstrapのdisplay-3などのフォントサイズをレスポンシブ対応する方法

なお、Laravelプロジェクトであることが前提です

フォントサイズをレスポンシブ化

resources/sass/_variables.scssに以下を追記

$enable-responsive-font-sizes: true;

あとはnpmを再ビルド

$ npm run dev

これでBootstrapのフォント指定がレスポンシブ対応になります

h1やdisplay-1という巨大なフォントサイズでも、スマホで表示すればいい感じのサイズになります!

Laravel + Bootstrap では必須の設定かもしれません

エンジニアの年収を上げる方法

フリーランスエンジニアで年収を大幅アップしませんか?
実際に僕は会社員からフリーランスエンジニアになって年収が87万円アップしました

今なら相談(ヒアリング)するだけで3,000円分のamazonギフト券がもらえます!
初めての案件契約で最大10万円分の準備金がもらえます
非公開の高単価案件(100万円超え)が多数あります

詳しくはこちら