8-20 钟申义 日志

响应式布局

移动端响应式，需要设置视口

在head标签中添加 属性及属性值

媒体查询

@media 条件 常用设备关键字 常用设备参数 and/not/only

屏幕划分

xl lg md sm xs

栅格布局

栅格的使用 响应式栅格布局 列偏移

弹性布局

弹性容器

.d-flex/.d-inline-flex 主轴的方向 主轴排列方式 交叉轴排列 主轴换行 内容垂直对齐 单个元素对齐 设置子元素等宽 扩展 收缩 排序

组件

按钮组 下拉菜单 信息提示框 导航 导航栏

学习心得

感觉学的不踏实，bootstrap的应用很繁杂不能记住类名，只能照着才能实现效果。写华为网站时间很紧！