基本信息
文件名称：Bootstrap基础教程（第3版）（微课版）课4-任务2：匹配多种设备、自动列宽、列嵌套、列排序.pptx
文件大小：623.18 KB
总页数：14 页
更新时间：2025-07-12
总字数：约小于1千字
文档摘要
任务2：匹配多种设备、自动列宽、列嵌套、列排序
项目二栅格系统
主讲人：赵丙秀
武汉软件工程职业学院
CONTENTS
匹配多种类型设备
自动布局列
列嵌套
列排序
匹配多种类型设备
/01
匹配多种类型设备
xs或sm
md
lg及其以上设备
自动布局列
/02
自动布局列
自动布局列主要是指列的宽度根据行的宽度或列包含内容的宽度自动分配。
包括等列宽和自动列宽两者情况。
自动布局列
自动布局列
自动布局列
列嵌套
/03
列嵌套
列排序
/04
列排序
列排序其实就是改变列的前后排列顺序在栅格系统中，可以通过.order-*、.order-X-*，来实现这一目的。其中，