这本书教你怎么用Bootstrap框架轻松设计出“杀手级”界面及响应式网站。从怎么用Bootstrap的HTML/CSS工具和现成模板构建页面开始,逐步深入地掌握它内置的交互组件和jQuery插件,常常是一行代码都不用写。
作为源自Twitter的一个开源框架,而且可以从GitHub上自由下载,Bootstrap推崇“移动优先”(Mobile First)的设计理念,还支持动态调整网页布局、创建响应式网站。只要稍微懂一些HTML、CSS和JavaScript,就可以创建出在桌面显示器、智能手机和平板电脑中看起来同样完美的网站或应用。这本书会告诉你怎么做。
熟悉Bootstrap的文件结构、网格系统和容器布局;
学习HTML中用于排版、代码、表格、表单、按钮、图片以及图标的元素;
设计界面及其他网页元素,比如导航、面包屑,以及自定义模态窗口等;
使用jQuery插件实现渐进的幻灯片、标签页式界面和下拉菜单;
在LESS文件中修改布局栏数和字体颜色。
目录
序XI
前言XIII
第1章 Bootstrap提供的网站框架1
1.1 Bootstrap到底是什么2
1.2 Bootstrap的文件结构3
1.3 基本的HTML模板3
1.4 全局样式4
1.5默认网格系统4
1.5.1 基本网格的HTML5
1.5.2 平移列5
1.5.3 嵌套列6
1.6 流式网格系统6
1.7 容器布局7
1.8 响应式设计8
第2章 Bootstrap预定义的CSS样式11
2.1 排版12
2.1.1标题12
2.1.2 强调段落13
2.1.3 强调内容13
2.1.4 粗体13
2.1.5 斜体13
2.1.6 强调相关的类14
2.1.7 列表17
2.2 代码20
2.3 表格20
2.3.1 可选的表格类22
2.3.2 表格行的类23
2.4 表单24
2.4.1 可选的表单布局25
2.4.2 内置支持的表单控件27
2.4.3 扩展的表单控件30
2.4.4 设置控件大小31
2.4.5 表单控件的状态35
2.5 按钮37
2.5.1 按钮大小39
2.5.2 禁用按钮的样式40
2.6 图片41
2.7 图标41
2.7.1 感谢GLYPHICONS提供图标42
2.7.2 用法43
第3章 Bootstrap内置的布局组件45
3.1 下拉菜单46
3.2 按钮组47
3.3 按钮下拉菜单49
3.3.1 分隔式按钮下拉菜单50
3.3.2 上拉菜单51
3.4 导航元素52
3.4.1 标签形导航52
3.4.2 胶囊形导航52
3.4.3 垂直堆叠的导航53
3.4.4 导航加下拉菜单54
3.4.5 导航列表55
3.4.6 可切换的标签导航57
3.5 导航条60
3.5.1 导航条链接60
3.5.2 表单61
3.5.3 导航条菜单62
3.6 面包屑式导航64
3.7 分页导航65
3.8 标签68
3.9 圆标签69
3.10 排版相关的元素69
3.10.1 重头消息69
3.10.2 页面标题70
3.11 缩略图70
3.12 警示框72
3.13 进度条73
3.14 媒体对象75
3.15 其他组件77
3.15.1 洼地78
3.15.2 辅助类79
第4章 Bootstrap支持的JavaScript插件81
4.1 概述82
4.2 过渡83
4.3 模态框83
4.3.1 用法85
4.3.2 选项85
4.3.3 方法86
4.3.4 事件87
4.4 下拉菜单87
4.4.1 用法87
4.4.2 通过JavaScript使用下拉菜单88
4.4.3 方法89
4.5 滚动监控器89
4.5.1 用法89
4.5.2 .scrollspy('refresh')方法90
4.5.3 选项90
4.5.4 事件91
4.6 可切换的标签页91
4.6.1 用法92
4.6.2 事件92
4.7 提示条93
4.7.1 用法93
4.7.2 选项93
4.7.3 方法94
4.8 弹出层95
4.8.1 用法96
4.8.2 选项96
4.8.3 方法97
4.9 警示框97
4.9.1 用法98
4.9.2 关闭方法98
4.9.3 事件98
4.10 按钮99
4.10.1 加载状态99
4.10.2 单选开关99
4.10.3 复选按钮100
4.10.4 单选按钮100
4.10.5 用法.100
4.10.6 方法.101
4.11 折叠框101
4.11.1 用法103
4.11.2 选项103
4.11.3 方法104
4.11.4 事件104
4.12 传送带105
4.12.1 用法106
4.12.2 选项106
4.12.3 方法106
4.12.4 事件107
4.13 预先输入108
4.13.1 用法108
4.13.2 选项109
4.14 粘条109
4.14.1 用法110
4.14.2 选项110
第5章 实际使用Bootstrap111
5.1 GitHub项目112
5.2 定制Bootstrap112
5.2.1 使用LESS113
5.2.2 Snippets插件115
5.2.3 Photoshop模板115
5.2.4 主题116
5.3 获得灵感117
5.4 小结117
作者及封面介绍118
《内容电商》内容简介:本书全面介绍了内容电商及内容电商各模块的具体内容。全书共分7章,第1章重点介绍内容电商的相关概念,其中
《金融风险管理(第二版)》内容简介:随着金融自由化、全球化的发展以及层出不穷的金融创新,金融机构所处的风险环境日益复杂,金
《工作一年拉开差距:逻辑思考》内容简介:刚工作一年,总是感觉思路混乱? 刚接手新的业务压力很大,对新项目的思考总觉得不够深入
本书收集了作者在试验心理学这一研究领域发表过的五篇最著名的论文以及其他若干论文。每篇旧论文后面都有作者的后记,回顾该文发
InDesignThinkingPeterRoweprovidesasystematicaccountoftheprocessofdesigninginarch...
《古诗海:宋辽金诗鉴赏(全三册)》内容简介:中国素有“诗国”之称,古代诗歌源远流长、奇丽宏富,作家作品众多,风格流派纷呈,为
《秦腔与丝路文化》内容简介:秦腔流传西北大地,展现西部风情,其传播区域叠加于古老的丝绸之路之上,融汇东西文化充分交融的因子
ManyseriousJavaprogrammers,especiallyenterpriseJavaprogrammers,considerthenewI/O...
TheInternetRevolutionintheSciencesandHumanitiestakesanewlookatC.P.Snowsdistincti...
《乐高创意机器人教程(中级·下册:10~16岁)》内容简介:本书为青少年机器人创新教育课程,以乐高机器人套件为教具,围绕机械结构
"HackosandRedishwiselyofferusthethreethingswemostneedaboutuserandtaskanalysis:pr...
本书是由40多位国外游戏开发行业最为优秀的程序员撰稿的技术文集。每篇文章都针对游戏编程中的某个特定问题,不仅提供了解决思路
PPT设计完全自学教程 本书特色 本书是初学者快速自学powerpoint的经典教程。全书共分为24章,从powerpoint快速入门开始讲起,以循序渐进的方式...
《塔里的秘密》内容简介:塔是一种常见的、有着特定形式和风格的传统建筑。它承载着纵横古今的历史,有着岁月沉淀的故事。塔里蕴含
《矛与盾:黑客攻防命令大曝光》内容简介:《矛与盾:黑客攻防命令大曝光》紧紧围绕黑客命令与实际应用展开,在剖析黑客入侵中用户
数据结构(C语言版) 内容简介 《数据结构》(C语言版)是为“数据结构”课程编写的教材,也可作为学习数据结构及其算法的C程序设计的参数教材。本书的前半部分从抽象...
TheDeitelsgroundbreakingHowtoProgramseriesoffersunparalleledbreadthanddepthofpro...
《多核应用编程实战》是一本全面实用的多核应用编程指南,旨在介绍如何编写功能正确、性能优越且适合扩展为在多个CPU核心的系统运
《电信市场经营分析方法与案例》包括基础理论(1-3章)、分析实战(4-8章)和分析工具(9-11章)三大部分。第1章经营分析概述。界
《改革开放以来人大制度发展》内容简介:本书借鉴断代史的写法,采取“横切”方式,根据中国宏观政治发展的内在逻辑特点,将改革开