導入
CDN または npm で導入します。
最も手軽なのは CDN の読み込みです。CSS を head に、JavaScript(bundle にPopperを同梱)を body 末尾に配置します。
<!-- CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- JS(Popper 同梱の bundle) --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
npm を使う場合:
npm install bootstrap@5.3.3
SCSS でカスタマイズする場合は、変数を上書きしてから bootstrap の scss を import します。
// custom.scss $primary: #2f8f90; @import "bootstrap/scss/bootstrap";