1使用 Bootstrap 构建快速、响应式布局的网站
Bootstrap 是全球最流行的前端开源工具包,它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件,助你快速设计和自定义响应式、移动设备优先的站点。
2.布局容器
<div class="container-fluid">
.container-fluid:横跨视口的全宽度的容器。
</div>
<div class="container">
.container:有最大固定宽度的容器。最大固定宽度依据于视口(viewport)的断点(breakpoints)而不同。
</div>
3.网格系统
Bootstrap 4 网格系统有以下 5 个类:
.col- 针对所有设备
.col-sm- 平板 - 屏幕宽度等于或大于 576px
.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)
.col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)
.col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px)
这周主要就是学习使用了Bootstrap5 写网页,学习了使用axios 对第三方接口进行请求,统一配置请求头,请求拦截器,响应拦截器,对错误代码同意管理,接下来就是尽量熟练的使用axios,完成交互任务,