Bootstrap 引入 html
如何将 Bootstrap 引入 HTML?
通过以下步骤将 Bootstrap 引入 HTML:
-
下载 Bootstrap 文件:
- 访问 Bootstrap 官网(https://getbootstrap.com/)并下载最新的稳定版本。
- 解压缩下载的 ZIP 文件。
-
复制 CSS 和 JS 文件:
- 将解压缩的文件夹中的 bootstrap.css 复制到您的 HTML 文件目录下。
- 将解压缩的文件夹中的 bootstrap.js 复制到您的 HTML 文件目录下。
-
在 HTML 中链接 CSS 和 JS 文件:
-
在 HTML 文件的
部分中,链接样式表:
<link rel="stylesheet" href="bootstrap.css" rel="external nofollow" rel="external nofollow" >
在 HTML 文件的底部,链接 JavaScript:
<script src="bootstrap.js"></script>
示例:
<link rel="stylesheet" href="bootstrap.css" rel="external nofollow" rel="external nofollow" > Hello, Bootstrap! <script src="bootstrap.js"></script>
使用 CDN:
您也可以使用 CDN(内容分发网络)来引入 Bootstrap,它可以提高加载速度和性能。
在 HTML 文件的
部分中使用以下代码:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="external nofollow" ><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script>
-