首页 Bootstrap5组件手册

安装


官方网站:https://www.bootcss.com

=========================================================================
1.在<head>中添加<meta>标签:(移动设备优先)
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
width=device-width  视窗宽度是设备屏幕的宽度
initial-scale=1     初始的缩放比例
shrink-to-fit=no    自动适应手机屏幕的宽度


2.在<head>中引入css、js文件:
<!-- 核心CSS文件 -->
<link rel="stylesheet" href="bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">

<!-- 核心JavaScript文件 -->
<script src="bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.min.js"></script>


3.可选,在<head>中引入图标CSS文件:
<!--需单独下载-->
<link rel="stylesheet" href="bootstrap-icons-1.10.5/font/bootstrap-icons.min.css">