在HTML页面中引入Bootstrap的CSS和JS文件 怎么操作
时间: 2024-05-01 17:18:04 浏览: 22
要在 HTML 页面中引入 Bootstrap 的 CSS 和 JS 文件,可以按照以下操作:
1. 首先,下载 Bootstrap 的压缩包并解压缩。可以在 Bootstrap 官网上下载最新版本的压缩包。
2. 从解压缩后的文件夹中找到 dist 目录,然后进入 css 子目录,找到 bootstrap.min.css 文件。将该文件复制到你的 HTML 文件所在的目录下。
3. 再进入 js 子目录,找到 bootstrap.min.js 文件。将该文件复制到你的 HTML 文件所在的目录下。
4. 在 HTML 文件中引入 Bootstrap 的 CSS 和 JS 文件。可以使用以下代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Example</title>
<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
<h1>Hello, world!</h1>
<script src="bootstrap.min.js"></script>
</body>
</html>
```
在 head 标签中引入 bootstrap.min.css 文件,然后在 body 标签的末尾引入 bootstrap.min.js 文件即可。
注意:在引入 Bootstrap 的 CSS 和 JS 文件之前,需要先引入 jQuery 的 JS 文件,因为 Bootstrap 的 JS 组件是基于 jQuery 开发的。可以在官网上下载最新版本的 jQuery 文件,并将其放置在 HTML 文件所在的目录下,然后在引入 bootstrap.min.js 文件之前引入 jQuery 的 JS 文件。