摘要: 8、导航条 BootStrap已经提供了完整的导航条实例,通常情况下,我们仅需进行简单修改即可使用。 帮助手册位置:组件 导航条 9、轮播图 BootStrap已经提供了完整的轮播图实例,通常情况下,我们仅需进行简单修改即可使用。 帮助手册位置:JavaScript插件 Carousel 轮播图DI 阅读全文
posted @ 2018-12-06 19:58 zhangqi0828 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 13、综合案例 13、综合案例 13.1、案例需求 13.2、需求分析 13.3、案例实现 阅读全文
posted @ 2018-12-06 19:58 zhangqi0828 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 5、响应式工具 为针对性地在移动页面上展示和隐藏不同的内容,bootStrap提供响应式工具。 可以让开发人员通过该工具决定,在何种屏幕尺寸下,隐藏或者显示某些元素 帮助手册位置:全局CSS样式 响应式工具 6、列表 BootStrap同样提供了实用的列表样式供开发人员使用。 帮助手册位置:全局CS 阅读全文
posted @ 2018-12-06 19:58 zhangqi0828 阅读(339) 评论(0) 推荐(0) 编辑
摘要: 4、栅格系统 4.1、简述栅格系统 为了方便在布局容器中进行网页的布局操作。 BootStrap提供了一套专门用于响应式开发布局的栅格系统。 栅格系统将一行分为12列,通过设定元素占用的列数来 布局元素在页面上的展示位置。 帮助手册位置:全局CSS样式 栅格系统 作用:可以让开发人员更加轻松进行网页 阅读全文
posted @ 2018-12-06 19:57 zhangqi0828 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 3、布局容器 BootStrap必须需要至少一个布局容器,才能为页面内容进行封装和方便的样式控制。 相当于一个画板。 帮助手册位置:全局CSS样式 》概览 》布局容器 任意元素使用了布局容器的样式,都会成为一个布局容器,建议使用div作为布局容器 .container 类用于固定宽度并支持响应式布局 阅读全文
posted @ 2018-12-06 19:56 zhangqi0828 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 2、bootstrap环境搭建 2.1、下载资源 2.2、目录结构 注:完整版用于源码学习,但因为文件大小问题,不适合网络间传递。 压缩版用于网络发布,压缩版和完整版的唯一区别,仅为压缩版将代码间的大量空格和回车换行删除掉了,节约了大量的空间,功能上完全相同,适用于网络间快速传递。但因为没有了空格和 阅读全文
posted @ 2018-12-06 19:55 zhangqi0828 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 1、bootstrap概述 1、bootstrap概述 1.1、什么是bootstrap?bootstrap的作用? 作用: ① Bootstrap 使得 Web 开发更加快捷,高效。 ② BootStrap支持响应式开发,解决了移动互联网前端开发问题 1.2、什么是响应式布局?响应式布局解决的问题 阅读全文
posted @ 2018-12-06 19:41 zhangqi0828 阅读(146) 评论(0) 推荐(0) 编辑