bootstrap框架怎么导入
时间: 2023-09-21 20:06:59 浏览: 94
你可以通过多种方式导入bootstrap框架,以下是其中两种比较常见的方式:
1. 直接下载bootstrap的文件,解压后将文件放到你的项目目录中,并在HTML文件中引入相关的CSS和JS文件,如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Bootstrap Page</title>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<h1>Hello, Bootstrap!</h1>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>
```
2. 使用CDN引入bootstrap框架,只需要通过以下方式在HTML文件中引入相关的CSS和JS文件即可:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Bootstrap Page</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.3.1/css/bootstrap.css">
</head>
<body>
<h1>Hello, Bootstrap!</h1>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.3.1/js/bootstrap.js"></script>
</body>
</html>
```
以上是两种常用的导入bootstrap框架的方式,你可以根据自己的需要选择其中的一种。
阅读全文