Bootstrap是一個流行的前端開發框架,它能夠加快網站和應用程序的開發過程。Bootstrap框架依賴于jQuery,因此在使用Bootstrap之前,我們需要先引用jQuery庫。
在文檔的頭部添加以下代碼,從jQuery官網CDN引用jQuery:
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous">
</script>
此代碼指定了jQuery的CDN鏈接,并在腳本標記中添加了一些屬性。其中,src
屬性是必需的,它定義了jQuery文件的URL。integrity
屬性定義了用于防篡改的哈希值,以確保加載的文件是可信的。crossorigin
屬性定義了請求的跨源行為。
當jQuery被引入后,我們可以引用Bootstrap框架。Bootstrap框架可以從官方網站下載,也可以從CDN庫中引用。以下是從CDN引用Bootstrap的示例:
<link rel="stylesheet"
integrity="sha384-6iro+yTAzLJn2PQzh+tb12uhBsfXkFpt/qtD0nUrc8bu09Je+dF/Hr/qP+TgTl/x"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js"
integrity="sha384-BHNhrX81VvtIC68BZmSaV7wIcZxOv7C/4W8kV7/K4+9Pe4NfQ2Z5avNXP5w5cqS/"
crossorigin="anonymous"></script>
這里我們同時引入了Bootstrap的CSS和JavaScript文件,并在標記中添加了一些屬性。其中,rel
屬性定義了文檔和鏈接之間的關系,這里是樣式表。href
屬性指定了Bootstrap樣式表的URL。script
標記中的src
屬性指定了Bootstrap JavaScript文件的URL。
在引入以上代碼后,我們就可以在網站或應用程序中使用Bootstrap的樣式和組件了。