- 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
- 2025年新能源汽车废旧电池梯次利用项目回收资源化利用技术创新与知识产权研究报告.docx
- 酒店办公室工作总结集合15篇.doc
- 合成生物学驱动2025年可降解塑料行业发展前景分析报告.docx
- 医药原料药生产线项目节能评估报告.docx
- 2025年新能源汽车充电基础设施投资策略:充电桩标准与安全性研究.docx
- 电商产业园财务管理方案.docx
- 教育信息化2.0助力高校教师教育教学改革研究——以课堂教学为例报告.docx
- 虚拟现实教育产品在2025年生物教学中的生态保护报告.docx
- 生物多样性保护视角下的2025年生态修复工程实施路径分析.docx
- 咖啡连锁品牌市场布局报告:2025年华南地区扩张战略分析.docx
- 2025年教育培训机构品牌塑造与市场推广策略创新路径实施.docx
最近下载
- 工程观感质量评价标准.pdf VIP
- 2023-2024 学年高中语法专项练习单选100题-现在完成时-学生版.docx VIP
- 2023-2024 学年高中语法专项练习单选100题-非谓语动词-学生版.docx VIP
- 一种隔离RS485与RS422兼容电路.pdf VIP
- 2023-2024 学年高中语法专项练习单选100题-构词法-转化法-学生版.docx VIP
- 2023-2024 学年高中语法专项练习单选100题-时态辨析-学生版.docx VIP
- 2023-2024 学年高中语法专项练习单选100题-主谓一致-学生版.docx VIP
- 2023-2024 学年高中语法专项练习单选100题-被动语态-学生版.docx VIP
- 2023-2024 学年高中语法专项练习单选100题-动词-学生版.docx VIP
- 2023-2024 学年高中语法专项练习单选100题-虚拟语气-学生版.docx VIP
文档评论(0)