- bootstrap框架 css html js的框架
- 基于Jquery
- 特点:简洁、灵活、移动优先,支持大部分浏览器
- 响应式设计
- 表格样式 、JS特效、导航
- 如何引入bootstrap
- 下载所需文档,解压之后,放入项目目录中
- head中 使用meta viewport 适配移动版设备
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- head中 使用link标签 引入bootstrap.css文件
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
- 在body 后边 使用script标签 引入 jquery.js
<script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
- 在上边script标签底部引入bootstrap.bundle.js
<script src="bootstrap/js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
- 调用相关的class或者js
代码格式