Q&A
前提・実現したいこと
bootstrapのcssが適用されること
発生している問題・エラーメッセージ
bootstrapのcssが適用されない。
Chromeのデベロッパーツールで確認したところ、
該当のソースコード
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<link rel="stylesheet" href="css/bootstrap.min.css"> 6<script type="text/javascript" src="js/jquery-3.6.0.js"></script> 7<title>bootstrap</title> 8</head> 9<body> 10 <div class="row"> 11 <div class="col-3">bootstrap1</div> 12 <div class="col-5">bootstrap2</div> 13 <div class="col-2">bootstrap3</div> 14 <div class="col-2">bootstrap4</div> 15 </div> 16</body> 17</html> 18
試したこと
・Googleで検索し、全角スペースが含まれているとこのような事象が起こると書いてあったので、全角スペースの調査
・Macも持っているので、Macでも同じソースコードをブラウザで表示
※Windows10と同じ事象
・PC初期化
補足情報（FW/ツールのバージョンなど）
再現する環境はWindows、Macどちらもです。
よろしくお願いします。
回答1件
0
ベストアンサー
html
1<meta charset="UTF-8"> 2<link rel="stylesheet" href="css/bootstrap.min.css"> 3<script type="text/javascript" src="js/jquery-3.6.0.js"></script>
この3行の空白が ASCII スペースではないなにか別のものになっていませんか。
DevToolsの画面を見る限り、タグ名が meta ではなく meta charset="UTF-8" と認識されているようなので、普通のスペースではないものがありそうです。
HTMLパーザは、<head>内で<head>に入るはずのないタグ名を発見すると強制的に<body>を開始してその中に入れます。
投稿2021/04/17 07:06
総合スコア21695
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/17 07:22
2021/04/17 08:08
2021/04/17 13:31