这本书教你怎么用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
《我读:没有人是一座孤岛》内容简介:在这里,木心、陈丹青、王小波、张爱玲、村上春树、金庸……陪你看长夜变蓝。把自己交给书籍
《小白学运营》是针对网络游戏行业,产品运营及数据分析工作的入门读物,主要为了帮助刚入行或有意从事游戏产品运营和数据分析的
作者简介:前桥和弥(MaebasiKazuya)1969年出生,著有《征服C指针》、《彻底掌握C语言》、《Java之谜和陷阱》等。其一针见血的“
计算智能 内容简介 本书共9章,介绍了传统智能技术的主要原理与技术、方法,主要包括知识的表示、基本推理、不确定推理、搜索原理等。同时,还介绍了现代智能技术主要的...
《唐诗分类品赏》内容简介:古典诗词鉴赏名家李元洛先生以今人视角依不同题材精选唐诗三百余首,分为自然、社会、人生与艺术四大篇
《30天学会钢琴弹奏》内容简介:想随心所欲地弹奏出一首流畅的钢琴曲,却苦于不识五线谱?没有时间去上钢琴班,自学又太费时间?《
《铁箫斋文萃(精)》内容简介:本书是宗璞先生自选散文集,除题记与后记之外,共107篇文章,分作9组。第一组文章围绕家庭与亲人所
跟我学SEO从入门到精通 本书特色 本书从实战出发,少有理论,目的是让绝大多数seo初学者以及从业人员感觉有可操作性,不会有云里雾里的感觉。书中穿插介...
《两周自制脚本语言》是一本优秀的编译原理入门读物。全书穿插了大量轻松风趣的对话,读者可以随书中的人物一起从最简单的语言解
《中国经济与社会史评论(2016年卷)》内容简介:《中国经济与社会史评论》是社会和经济史方面的集刊,汇集了大量相关优秀文章,如
《古风绘伊人醉》内容简介:艳丽的色彩,柔美的笔触,易学、易掌握的使用方法,这就是色铅笔的特点。用它来绘制或娇俏、或哀愁、或
《C++程序设计教程》是《C++程序设计教程》的第二版。然而从指导思想、内容结构、写作特点等方面,都以全新的面貌呈现于读者。全
《矛与盾:黑客攻防命令大曝光》内容简介:《矛与盾:黑客攻防命令大曝光》紧紧围绕黑客命令与实际应用展开,在剖析黑客入侵中用户
《许倬云说美国:一个不断变化的现代西方文明》内容简介:客居美国六十余载,华人史学大家许倬云分享自己的亲身经历,以历史学、社
《Office 2010办公自动化培训教程》内容简介:本书以Office 2010版本为基础,结合实际工作中各种办公文档的制作,系统地讲述了Offi
《智能机器时代》内容简介:身处AI(人工智能)世界,人类所有生活领域都面临着一场巨大变革。人工智能的未来发展将走向何处?我们
《数学也荒唐》内容简介:本书用20个数学问题探讨了代数、概率学、统计学、平面几何、图论、拓扑学等主题,在意想不到的趣题中探讨
《精进:极简论语》内容简介:王蒙写给年轻人的中国智慧读本,凝聚数十年读书心得与人生经验,直达《论语》精华内核。在本书中,王
《知识产品经理手册:付费产品版》内容简介:本书中不仅有方军在互联网内容与知识产品多年从业经验的精华总结,更有知识产品圈顶级
《Python自然语言处理(影印版)》提供了非常易学的自然语言处理入门介绍,该领域涵盖从文本和电子邮件预测过滤,到自动总结和翻译