- 1、本文档共14页,其中可免费阅读9页,需付费50金币后方可阅读剩余内容。
- 2、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。
- 3、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
- 4、文档侵权举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
任务2:匹配多种设备、自动列宽、列嵌套、列排序
项目二栅格系统
主讲人:赵丙秀
武汉软件工程职业学院
CONTENTS
匹配多种类型设备
自动布局列
列嵌套
列排序
匹配多种类型设备
/01
匹配多种类型设备
xs或sm
md
lg及其以上设备
自动布局列
/02
自动布局列
自动布局列主要是指列的宽度根据行的宽度或列包含内容的宽度自动分配。
包括等列宽和自动列宽两者情况。
自动布局列
自动布局列
自动布局列
列嵌套
/03
列嵌套
列排序
/04
列排序
列排序其实就是改变列的前后排列顺序在栅格系统中,可以通过.order-*、.ord
您可能关注的文档
- Bootstrap基础教程(第3版)(微课版)课01-任务1:bootstrap概述、下载、安装.pptx
- Bootstrap基础教程(第3版)(微课版)课2-任务2:开发工具、Bootstrap5的实例.pptx
- Bootstrap基础教程(第3版)(微课版)课03-任务1:栅格系统的工作原理和基本用法.pptx
- Bootstrap基础教程(第3版)(微课版)课5-任务3:列偏移、行列类、间距类.pptx
- Bootstrap基础教程(第3版)(微课版)课6-案例:W3school.pptx
- Bootstrap基础教程(第3版)(微课版)课08-任务1:基础样式简介、标题.pptx
- Bootstrap基础教程(第3版)(微课版)课09-任务2:基础标签:hr、内联文本标签、缩略语、地址.pptx
- Bootstrap基础教程(第3版)(微课版)课10-任务3:文本、背景颜色.pptx
- Bootstrap基础教程(第3版)(微课版)课11-任务4:文本类.pptx
- 校园周边书店阅读氛围对初中生阅读素养提升的影响研究教学研究课题报告.docx
- 基于人工智能教育平台的移动应用开发,探讨跨平台兼容性影响因素及优化策略教学研究课题报告.docx
- 高中生物实验:城市热岛效应对城市生态系统服务功能的影响机制教学研究课题报告.docx
- 信息技术行业信息安全法律法规研究及政策建议教学研究课题报告.docx
- 人工智能视角下区域教育评价改革:利益相关者互动与政策支持研究教学研究课题报告.docx
- 6 《垃圾填埋场渗滤液处理与土地资源化利用研究》教学研究课题报告.docx
- 小学音乐与美术教师跨学科协作模式构建:人工智能技术助力教学创新教学研究课题报告.docx
- 《航空航天3D打印技术对航空器装配工艺的创新与效率提升》教学研究课题报告.docx
- 教育扶贫精准化策略研究:人工智能技术在区域教育中的应用与创新教学研究课题报告.docx
- 《区块链技术在电子政务电子档案管理中的数据完整性保障与优化》教学研究课题报告.docx
- 《中医护理情志疗法对癌症患者心理状态和生活质量提升的长期追踪研究》教学研究课题报告.docx
文档评论(0)