Bootstrap:<head>内の記述 (4.4.1)

Bootstrap を利用するには、利用する html ファイルにおいて<head></head>内および<body>の直後に以下の記述をし、必要ファイルを読み込まなければならない。

<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script src="js/jquery-3.4.1.slim.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

3.4.1 の箇所は、jQuery の version に応じて変化する。

なお、最近では読み込み速度の観点から、javascript を読み込む以下の2行は、<head>内ではなく<body></body>内の最後、すなわち</body>の直前に記述することも多い。

  <script src="js/jquery-3.4.1.slim.min.js"></script>
  <script src="js/bootstrap.bundle.min.js"></script>
</body>

Internet Explorer 9 以前に対応させる場合には、以下の記述を<head>内に加える。

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->