ここのところBootstrap(ブートストラップ)3、4で作成したサイトの表示崩れが出ています。ブラウザでの初回表示でBootstrap(ブートストラップ)のスタイルシートを読み込まないようで表示崩れ。
ブラウザを再読み込み(リロード)すると直ります、はじめはブラウザのキャッシュの問題かと思いましたがPC.スマホ、タブレットいろいろテストしましたがキャッシュではなさそうです。
CSSの読み込み位置、JSの読み込み位置、jQueryの読み込み位置、jQueryのバージョン、考えられることをアレコレ試した結果原因はBootstrap(ブートストラップ)のCSSのCDN読み込み。
スタイルシートをサーバーにダウンロードしてのリンクで直った。
この現象はここ最近の出来事、ちなみにJSはCDNでも問題はなかった。何故なのかはわかりませんが、まずい状況なので依頼で作成したBootstrap(ブートストラップ)サイトを全て変更。
ちょっとCDNでのリンクは不安になってしまいました。
以前フレームワークはずっと「Foundation(ファンデーション)」を利用していたんですが、ここ最近は「Bootstrap(ブートストラップ)」一辺倒。
「Foundation(ファンデーション)」への帰還も検討中です。
コメント