BOOTSTRAP响应式网站开发项目教程

项目一 认识Bootstrap开发框架 任务一 认识Bootstrap 任务二 Bootstrap运行环境搭建 项目二 Bootstrap网站整体布局设计 任务一 Flex弹性盒布局设计 任务二 实现响应式布局 任务三 Bootstrap栅格系统布局设计 项目三 Bootstrap中公共样式设置 任务一 边框样式设置与应用 任务二 浮动样式设置与应用 任务三 元素位置设置与应用 任务四 display属性设置与应用 项目四 Bootstrap CSS全局样式设置 任务一 排版样式设置与应用 任务二 表格样式设置与应用 任务三 表单样式设置与应用 任务四 按钮样式设置与应用 任务五 图片样式设置与应用 项目五 网站建设中Bootstrap组件应用 任务一 图标组件应用 任务二 输入框组件应用 任务三 下拉菜单组件应用 任务四 导航和导航栏组件应用 任务五 列表组组件应用 任务六 媒体对象组件应用 任务七 分页导航组件应用 任务八 折叠面板组件应用 项目六 网站特效制作——Bootstrap JavaScript插件 任务一 实现加载动画效果 任务二 使用Modal插件实现模态框效果 任务三 使用Tab插件实现选项卡效果 任务四 使用Carousel插件实现轮播图 任务五 使用ScrollSpy插件实现滚动监听 项目七 项目实践——教育门户网站前端设计与制作 任务一 网站规划与设计 任务二 网站主页设计与制作 任务三 专业介绍页面 任务四 联系我们 参考文献