Bootstrap基础教程(第3版)(微课版)课03-任务1:栅格系统的工作原理和基本用法.pptx

Bootstrap基础教程(第3版)(微课版)课03-任务1:栅格系统的工作原理和基本用法.pptx

  1. 1、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,可选择认领,认领后既往收益都归您。。
  2. 2、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细先通过免费阅读内容等途径辨别内容交易风险。如存在严重挂羊头卖狗肉之情形,可联系本站下载客服投诉处理。
  3. 3、文档侵权举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多

任务1:栅格系统的工作原理和基本用法项目二栅格系统主讲人:赵丙秀武汉软件工程职业学院

CONTENTS010203实现原理使用规则实例展示

课程导入Bootstrap框架提供了一套响应式、移动设备优先的栅格系统,用于页面布局设计。使用栅格系统提供的容器、行、列等元素,可以很容易的实现响应式页面布局,降低前端开发的复杂度。

实现原理/01

实现原理通过定义容器大小,将屏幕或视口尺寸平分为12份,再调整内外边距,最后再结合媒体查询,制作出响应式的栅格系统。1234567

文档评论(0)

xiaobao + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档