Bootstrap5安装
(1)普通安装
1 、Bootstrap下载。 Bootstrap5安装非常简单,下载已编译版js和css文件(由于框架经常会更新,源码下载建议到bootstrap.18seo.cn 下载最新版本),解压缩后将目录改名称为bootstrap5,放在你的网站目录,例如static目录下,之所以改名是为了书写的时候简单,避免输错。
2、在你的网页<head> </head>之间,添加
<meta name="viewport" content="width=device-width, initial-scale=1"> <link href="/static/bootstrap5/css/bootstrap.min.css" >
3、在你的网页 </body>之前,添加
<script src="/static/bootstrap5/js/bootstrap.bundle.min.js" ></script>
注意:要确保bootstrap.min.css和bootstrap.bundle.min.js确实在这个路径。 另外如果你使用了最简安装或改变了路径,要按照你的实际路径写。
4、你的代码就可以写在<body>和<script之间了。
(2)最小化安装
1、直接下载最小化版本,或者下载已编译版本文件,提取css/bootstrap.min.css和js/bootstrap.bundle.min.js两个文件放在静态文件所在目录下的Bootstrap5文件夹中。 2、在你的网页<head> </head>之间,添加
<meta name="viewport" content="width=device-width, initial-scale=1"> <link href="bootstrap5/css/bootstrap.min.css" >
3、在你的网页 </body>之前,添加
<script src="bootstrap5/js/bootstrap.bundle.min.js" ></script>。
注意:这里用相对路径可以在编辑静态页面预览效果的时候不用放在服务器,直接用浏览器打开即可。