8-20 钟申义 日志

8-20 钟申义 日志

响应式布局

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

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

媒体查询

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

xl lg md sm xs

栅格布局

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

弹性布局

弹性容器

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

组件

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

学习心得

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

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1