bootstrapを参照する2つの方法

1698 ワード

Bootstrapは最も人気のあるHTML、CSS、JSフレームワークであり、応答型レイアウト、モバイルデバイス優先のWEBプロジェクトの開発に用いられる.

公式サイトでダウンロード


bootstrapの公式サイトbootstrapのダウンロードページbootstrap圧縮後のCSS、JavaScript、フォントファイルをダウンロードし、解凍してプロジェクトの静的フォルダに貼り付けます.また、中国語のドキュメントをダウンロードして組み合わせて使用することをお勧めします.

Webページのヘッダにパスを導入する


これはboostrapをより簡単かつ迅速に参照する方法で、Webページのheadラベルに以下のコードを直接追加するとbootstrapスタイルを参照できます:bootstrapコアcssファイル:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

bootstrapコアJSファイル:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>