Bootstrap从入门到项目实战

Bootstrap从入门到项目实战

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

无论是否从事相关行业,本书均可教你快速掌握Bootstrap网页设计和开发动态网站的方法和技巧。

内容简介

《Bootstrap从入门到项目实战》从零基础开始讲解,用实例引导读者深入学习,深入浅出地讲解了Bootstrap 4网页设计的各项技术及实战技能。 本书共18章,主要内容包括:开发框架Bootstrap 4简介、使用新的架Bootstrap 4、快速掌握Bootstrap 4布局、Bootstrap 4的新布局—弹性盒子、核心工具库—CSS通用样式类、Bootstrap 4的新版式、认识CSS组件、深入掌握CSS组件、高级的CSS组件、Bootstrap 4的新增组件—旋转器和卡片、快速认识JavaScript插件、深入精通JavaScript插件等。之后讲解了6个行业热点项目实训,包括招聘网中的简历模板、仿星巴克网站、相册类博客项目、设计流行企业网站、Web设计与定制网站、开发神影视频网站。

作者简介

作者李爱玲,笔名:桃花马上石榴裙,情感作家,80后妈妈,职场HR,身肩重负的女汉子,石榴裙骑着桃花马。在夜里写字,关于女人,关于情爱,关于婚姻。只愿在时间的无情里,做个有情的过客。

章节目录

版权信息

内容简介

前言

为什么要写这样一本书

本书特色

超值资源大放送

读者对象

创作团队

第1章 开发框架Bootstrap 4简介

1.1 Bootstrap概述

1.1.1 Bootstrap发展历史

1.1.2 Bootstrap的优势

1.1.3 Bootstrap 4介绍

1.1.4 Bootstrap 4浏览器支持

1.2 Bootstrap特性

1.2.1 Bootstrap 4的构成

1.2.2 Bootstrap的特色

1.3 Bootstrap应用浏览

1.3.1 Bootstrap网站

1.3.2 Bootstrap插件

1.4 Bootstrap开发工具和资源

1.4.1 Bootstrap开发工具

1.4.2 Bootstrap资源

第2章 使用最新的框架Bootstrap 4

2.1 下载Bootstrap

2.2 Bootstrap的结构

2.2.1 源码版Bootstrap文件结构

2.2.2 编译版Bootstrap文件结构

2.3 安装 Bootstrap

2.3.1 本地安装

2.3.2 在线安装

2.4 案例实训1

2.5 案例实训2

第3章 快速掌握Bootstrap 4布局

3.1 布局基础

3.1.1 布局容器

3.1.2 响应断点

3.1.3 z-index

3.2 网格系统

3.2.1 网格选项

3.2.2 自动布局列

3.2.3 响应类

3.2.4 重排序

3.2.5 列嵌套

3.3 布局工具类

3.4 案例实训1

3.5 案例实训2

第4章 Bootstrap 4的新布局

4.1 定义弹性盒子

4.2 排列方向

4.2.1 水平方向排列

4.2.2 垂直方向排列

4.3 内容排列

4.4 项目对齐

4.5 自动对齐

4.6 自动相等

4.7 等宽变换

4.8 自动浮动

4.8.1 水平方向浮动

4.8.2 垂直方向浮动

4.9 弹性布局

4.10 排列顺序

4.11 对齐内容

第5章 核心工具库

5.1 文本处理

5.1.1 文本对齐

5.1.2 文本换行

5.1.3 文本转换

5.1.4 粗细和斜体

5.1.5 其他一些文本类

5.2 颜色

5.2.1 文本颜色

5.2.2 链接文本颜色

5.2.3 背景颜色

5.3 边框

5.3.1 添加边框

5.3.2 边框颜色

5.3.3 圆角边框

5.4 宽度和高度

5.4.1 相对于父元素

5.4.2 相对于视口

5.5 边距

5.5.1 边距的定义

5.5.2 响应式边距

5.6 浮动

5.6.1 实现浮动

5.6.2 响应式浮动

5.7 display属性类

5.7.1 实现display属性

5.7.2 响应式的隐藏或显示元素

5.8 嵌入

5.9 内容溢出

5.10 定位

5.11 阴影

5.12 关闭图标

第6章 Bootstrap 4的新版式

6.1 初始化与CSS重置

6.2 排版

6.2.1 标题

6.2.2 段落

6.2.3 强调

6.2.4 缩略语

6.2.5 引用

6.3 代码

6.4 图片

6.5 表格

6.5.1 表格默认风格

6.6 案例实训

第7章 认识CSS组件

7.1 正确使用CSS组件

7.2 按钮

7.2.1 定义按钮

7.2.2 设计按钮风格

7.3 按钮组

7.3.1 定义按钮组

7.3.2 定义按钮组工具栏

7.3.3 设计按钮组布局和样式

7.4 下拉菜单

7.4.1 定义下拉菜单

7.4.2 设计下拉按钮的样式

7.4.3 设计下拉菜单的样式

7.5 导航

7.5.1 定义导航

7.5.2 设计导航的布局

7.5.3 设计导航的风格

7.5.4 设计导航选项卡

7.6 超大屏幕

7.6.1 定义超大屏幕

7.6.2 设计风格

7.7 案例实训

第8章 深入掌握CSS组件

8.1 徽章

8.1.1 定义徽章

8.1.2 设置颜色

8.1.3 椭圆形徽章

8.1.4 链接徽章

8.2 警告框

8.3 媒体对象

8.3.1 媒体版式

8.3.2 媒体嵌套

8.3.3 对齐方式

8.3.4 排列顺序

8.3.5 媒体列表

8.4 进度条

8.4.1 定义进度条

8.4.2 设计进度条样式

8.4.3 设计进度条风格

8.5 导航栏

8.5.1 定义导航栏

8.5.2 定位导航栏

8.5.3 设计导航栏配色

8.5.4 扩展导航栏内容

8.6 案例实训

第9章 高级的CSS组件

9.1 表单

9.1.1 定义表单控件

9.1.2 设计单选按钮/复选框布局和样式

9.1.3 表单布局风格

9.1.4 帮助文本

9.1.5 禁用表单

9.2 列表组

9.2.1 定义列表组

9.2.2 设计列表组的风格样式

9.2.3 定制内容

9.3 面包屑

9.3.1 定义面包屑

9.3.2 设计分隔符

9.4 分页

9.4.1 定义分页

9.4.2 使用图标

9.4.3 设计分页风格

第10章 Bootstrap 4的新增组件

10.1 旋转器特效

10.1.1 定义旋转器

10.1.2 设计旋转器风格

10.1.3 对齐旋转器

10.1.4 按钮旋转器

10.2 卡片

10.2.1 定义卡片

10.2.2 卡片的内容类型

10.2.3 控制卡片的宽度

10.2.4 文本对齐方式

10.2.5 添加导航

10.2.6 图像背景

10.2.7 卡片风格

10.2.8 卡片排版

10.3 案例实训1

10.4 案例实训2

第11章 快速认识JavaScript插件

11.1 插件概述

11.1.1 插件分类

11.1.2 安装插件

11.1.3 调用插件

11.1.4 事件

11.2 按钮

11.2.1 切换状态

11.2.2 按钮式复选框和单选框

11.3 警告框

11.3.1 关闭警告框

11.3.2 添加用户行为

11.4 下拉菜单

11.4.1 调用下拉菜单

11.4.2 添加用户行为

11.5 模态框

11.5.1 定义模态框

11.5.2 模态框布局和样式

11.5.3 调用模态框

11.5.4 添加用户行为

11.6 标签页

11.6.1 定义标签页

11.6.2 调用标签页

11.6.3 添加用户行为

11.7 案例实训1

11.8 案例实训2

第12章 深入精通JavaScript插件

12.1 折叠

12.1.1 定义折叠

12.1.2 控制多目标

12.1.3 设计手风琴效果

12.1.4 调用折叠

12.1.5 添加用户行为

12.2 工具提示

12.2.1 定义工具提示

12.2.2 工具提示方向

12.2.3 调用工具提示

12.2.4 添加用户行为

12.3 弹窗

12.3.1 定义弹窗

12.3.2 弹窗方向

12.3.3 调用弹窗

12.3.4 添加用户行为

12.4 轮播

12.4.1 定义轮播

12.4.2 设计轮播风格

12.4.3 调用轮播

12.4.4 添加用户行为

12.5 滚动监听

12.5.1 定义滚动监听

12.5.2 调用滚动监听

12.5.3 添加用户行为

12.6 实战实训1

12.7 实战实训2

第13章 项目实训1

13.1 案例概述

13.1.1 案例结构

13.1.2 设计效果

13.1.3 设计准备

13.2 设计布局

13.3 设计左侧信息栏

13.4 设计导航条

13.5 设计主页

13.5.1 工作经历

13.5.2 专业技能

13.5.3 教育经历

13.5.4 综合概述

13.6 设计联系页

13.7 设计相册页

第14章 项目实训2

14.1 网站概述

14.1.1 网站结构

14.1.2 设计效果

14.1.3 设计准备

14.2 设计首页布局

14.3 设计可切换导航

14.4 主体内容

14.4.1 设计轮播广告区

14.4.2 设计产品推荐区

14.4.3 设计登录注册区和Logo

14.4.4 设计特色展示区

14.4.5 设计产品生产流程区

14.5 设计底部隐藏导航

第15章 项目实训3

15.1 案例概述

15.1.1 案例结构

15.1.2 设计效果

15.1.3 设计准备

15.2 设计导航栏

15.3 首页

15.3.1 设计相册展示

15.3.2 添加Swipebox灯箱插件

15.4 分类页

15.4.1 设计相册分类展示

15.4.2 添加Swipebox灯箱插件

15.5 博客

15.6 联系页

15.6.1 设计布局

15.6.2 添加工具提示

第16章 项目实训4

16.1 网站概述

16.2 设计主页

16.3 设计侧边导航栏

16.4 设计登录页

第17章 项目实训5

17.1 网站概述

17.1.1 网站结构

17.1.2 网站布局

17.1.3 设计准备

17.2 设计主页面导航

17.3 设计主页面内容

17.3.1 设计首页

17.3.2 “关于我们”页面设计

17.3.3 “我们的团队”页面设计

17.3.4 “我们的服务”页面设计

17.3.5 “我们的博客”页面设计

17.3.6 “我们的定制”页面设计

17.4 设计脚注

第18章 项目实训6

18.1 网站概述

18.2 设计主页面

18.2.1 设计头部内容

18.2.2 设计轮播

18.2.3 设计分类列表

18.2.4 设计“视频内容”页面

18.2.5 设计脚注

Bootstrap从入门到项目实战是1970年由出版,作者。

得书感谢您对《Bootstrap从入门到项目实战》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Web前端开发精品课  HTML与CSS进阶教程 电子书
  通俗易懂 案例简洁形象,生动剖析晦涩难懂的知识点。   直击要点 规避思维误区,为初学者打牢基础保驾护航。   全面培养 讲透基础知识,亦注重开发技巧与思维锻炼。   精简浓缩 精炼核心内容,为读者节省学习时间与成本。   在线辅助 结合网站资源,强化书本学习并拓展新知识。
HTML+CSS+JavaScriptWeb前端开发技术 电子书
本书循序渐进地讲述了三大Web前端开发技术的内容、应用技巧以及它们的综合应用。
ReactNative入门与实战 电子书
一本书玩转React Native,携程框架团队倾力打造。
深入React技术栈 电子书
全面讲述React技术栈的原创图书,pure render专栏主创倾力打造,覆盖React、Flux、Redux及可视化等内容。
jQuery Mobile从入门到精通 电子书
本书以零基础讲解为宗旨,用实例引导读者学习,深入浅出地介绍jQueryMobile开发的相关知识和实战技能。本书第1篇基础知识主要讲解jQueryMobile基础常识和开发必备知识等;第2篇核心技术主要讲解jQueryMobile语法、预加载、页面缓存、页面脚本、对话框、导航、页脚栏、工具栏、标签栏、按钮、表单、列表等;第3篇知识进阶主要讲解内容格式化、主题化设计、jQueryMobileAPI、