这本书教你怎么用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
电脑故障诊断与排除十日速成-含1DVD 本书特色 电脑入门九日速成电脑上网技巧十日速成 电脑组装与维护八日速成电脑应用技巧九日速成网上开店七日速成 常用工具...
《存在主义视阈中的苏珊·桑塔格创作研究》内容简介:《存在主义视阈中的苏珊·桑塔格创作研究》以存在主义为主线来解读美国女作家
《AndroidWeb应用高级编程:移动与嵌入式开发技术》内容简介:熟悉Webapp开发的开发人员可以掌握如何为Android移动平台开发Webapp
随着网络的普及,网络游戏得到了众多网民的青睐。但是,网络游戏的盛行,也给游戏玩家和游戏公司带来了很多安全问题,如木马盗号
《在内心坍塌之前,找到心灵的出口》内容简介:《在内心坍塌之前,找到心灵的出口》在用丰富的人生经验来提醒你,在用朴实厚重的道
《青少年身体训练动作手册:拉伸训练》内容简介:“青少年身体训练动作指导丛书”共8册,是中国青少年体能训练师认证参考教材,并得
本书从Windows内核编程出发,全面系统地介绍了串口、键盘、磁盘、文件系统、网络等相关的Windows内核模块的编程技术,以及基于这
MichaelGoodrichandRobertoTamassia,authorsofthesuccessful,DataStructuresandAlgori...
《素描800例,一本就够》内容简介:本书提供了动物、静物、植物、食物、人物、交通、建筑、风景等类别中的131种事物,共计867幅图例
数据结构和编程设计-应用C语言-(第二版)-(英文影印版) 本书特色 《数据结构和编程设计——应用c语言(第2版)》以c++为描述语言,系统介绍数据结构...
《安藤忠雄论建筑》是安藤忠雄根据自己给东京大学建筑系研究生讲课的内容写成的第一部著作。他在书中详细叙述了自己成长为一名建
《电子技术基础数字部分(第5版)习题全解》是为配合华中科技大学电子技术课程组编、康华光任主编、邹寿彬和秦臻任副主编的《电子技
《中国互联网商业英雄列传》内容简介:本书通过揭秘影响中国互联网历史进程的24位知名人士的成长史,生动地展现了20世纪90年代以来
FOLLOWTHESUNTOMOREEVILFUN!Letthesunshineonyourevilside-andhaveawickedamountoffun...
机器学习 本书特色" 机器学习是计算机科学与人工智能的重要分支领域. 本书作为该领域的入门教材,在内容上尽可能涵盖机器学习基础知识的各方面. 全书共16 章,大...
DigitalCommunicationReceiversSynchronization,ChannelEstimation,andSignalProcessi...
《成长力觉醒:探寻人生与职业幸福之路》内容简介:本书从个人对自我、对个人角色和使命,以及对如何成长发展三方面的认知,帮助实
Thisbookisapracticalguidefilledwithreal-worldexamplesthatwillhelpyoudiscovertheb...
《EOS实战与源码分析》内容简介:在区块链世界,区块链1.0时代是比特币,区块链2.0时代是以太坊,区块链3.0时代是EOS。EOS如同一个
《智能制造基础共性标准研究成果(三)》内容简介:2015年开始,工业和信息化部与财政部共同实施了“智能制造综合标准化与新模式应