这本书教你怎么用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
《集团公司管理(第二版)》内容简介:本书构建了集团公司管理的架构体系,包括集团公司战略与功能定位、管理模式选择、组织结构确
Lispisauniquelypowerfulprogramminglanguagethat,despiteitsacademicreputation,isac...
《谦庐随笔》内容简介:该书的内容可分为军政界人物、文人名流和地方风俗三大类。作者在北平期间,正值九一八事变之后,日人步步紧
《电话的社会影响》是一本论文集,涉及众多的研究领域。它涵盖了电话在历史、文学、城市发展中的各个不同角色。提示了电话与女性
《现代货币理论在中国》内容简介:本书是一本主要由中国学者撰写的现代货币理论的入门书。书中从应对时代挑战角度解读现代货币理论
WPS之光:全能一本通Office办公三合一 本书特色 适读人群 :职场办公人员、金山办公CEO & 高级VP官方推荐,国人办公就用国民软件WPS Office...
《历史文化名城名镇名村系列:焦溪村》内容简介:焦溪古村位于常州市天宁区郑陆镇,地处常州、无锡、江阴三市交界处,完整地保留了
构造系统在软件开发过程中处于核心地位,它的正确性和性能,在一定程度上决定了软件开发成果的质量和软件开发过程的效率。本书作
《构图之本(风光摄影四部曲)》内容简介:任何风光摄影师要想拍好风光,都必须学习和谙熟构图知识。高觉著的《构图之本》从风光拍
《中国至2050年重大交叉前沿科技领域发展路线图》是中国科学院"创新2050:科学技术与中国的未来"战略研究成果之一,集中探讨自然
《实用社交礼仪》内容简介:礼仪是一首古老而年轻的诗,“飘散着舒人而温馨的国风”;礼仪是一曲涓涓的高山流水,吟唱着中华五千年
《华为战略解码》内容简介:华为的成功首先是战略管理的成功。完善的战略管理体系不仅让华为在全球商业竞争中脱颖而出,也为国内其
《原来历史可以这样好玩2》内容简介:超涨知识!爆笑趣味学历史!超生动、超立体、超有趣再现历史场景! 百万美食播主小缸和阿灿首
FoxPro 6.0项目案例导航(含光盘) 内容简介 本书分为两大部分。**部分可视化教程:以教学讲解的方式详细剖析应用系统各界面和主要环节的制作,读者将**部...
《一个女孩的恐惧》内容简介:一个深夜,女孩手持双管猎枪,径直冲进森林,用枪口抵住一个人的额头,扣下扳机 人们常常说熊镇太不起
《内容电商运营》内容简介:如今,越来越多的人投身到内容电商运营工作中,并取得了可喜的成绩,如“罗辑思维”“凯叔讲故事”“小
AhoandUllmanhavecreatedaCversionoftheirgroundbreakingtext.Asinthattext,thisbookc...
《JavaWeb编程从入门到实践》内容简介:JavaWeb开发是目前最流行的网络开发技术之一。《JavaWeb编程从入门到实践》由浅入深,结合
《官绅的荷包》内容简介:人类的财富载体经历了漫长的演变,从原始社会几乎没有载体,到后来发展出房屋、土地、农具、牲畜、衣物、
《神经网络、模糊系统及其在运动控制中的应用》介绍:这是一本关于人工神经网络、模糊逻辑系统,以及模糊神经网络研究成果的专著