这本书教你怎么用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
《世界航母大百科》内容简介:本书以时间为主线,对绝大部分航空母舰逐一进行了介绍,每型配以简明扼要的文字说明、线图、历史照片
《如何让你的销售增加369%:引导式销售技巧》内容简介:如何增加销售是每一个企业关注的话题,本书详细介绍了可以大幅提升销售的引
差不多十年前,我(Martin)曾经和KentBeck一起做过一个项目。这个项目的名字叫C3,它后来成为极限编程诞生的标志性项目,并帮助
本书首先通过“总体架构”梳理了各个模块的分类、功能和依赖关系,让大家对jQuery的工作原理有大致的印象;进而通过“构造jQuery
本书以Xinu(一个小型简洁的操作系统)为例,全面介绍操作系统设计方面的知识。本书着重讨论用于嵌入式设备的微内核操作系统,采
可视化程序设计与C#.NET语言 本书特色 visual c#.net是面向对象的可视化程序设计语言,具有简洁、高效 、安全、性能优良等特点,是面向对象程序设计...
《受益一生的哈佛心理课》内容简介:《受益一生的哈佛心理课(白金珍藏版)》汇聚了哈佛大学众多心理学教授的经典理论,分别从成功心
本书是以“纳米技术为何物?”、“其具体内容”、“对社会和产业有何影响”等为主线,通过图解形式浅显易懂地介绍具体事例的入门
《数码单反摄影从入门到精通(畅销升级版)》内容简介:本书共分为4篇21章,向读者全面而深刻地展示了单反摄影各方面的知识和具体实
《自由绘画:插画师要知道的84个创作技巧》通过当今最酷的艺术家的作品,向大家展示了84个插画创作的技巧,并通过这些作品讲解了
《分布式系统常用技术及案例分析》内容简介:本书分为三大部分,即分布式系统基础理论、分布式系统常用技术以及经典的分布式系统案
《代码精进之路:从码农到工匠》内容简介:这是一本为专业程序员而写的书,写好代码、追求卓越和工匠精神是每个程序员都应该具备的
数据库系统原理(计算机及应用专业独立本科段)2006版全国高等教育自学考试指定教材 内容简介 《2007年版全国高等教育自学考试指定教材:数据库系统原理》是全国...
《Photoshop CS5实战从入门到精通(超值版)》内容简介:《Photoshop CS5实战从入门到精通(超值版)》通过精选案例引导读者深入学
Functionalprogrammingisastyleofprogrammingthatemphasizestheuseoffunctions(incont...
《遗传学与社会》内容简介:本书重点阐述遗传学的基本概念、遗传病的诊断与基因治疗、优生与优质生育、DNA与科学鉴定、转基因生物、
《通信原理(第6版)学习辅导与考考指导(第2版)》是以樊昌信教授和曹丽娜教授编著的《通信原理(第6版)》教材为主要参考书,同时参
Learningprofessionalsarefindingsuccessapplyinggame-basedsensibilitiestothedevelo...
《清华版双语教学用书•数字信号处理:基于计算机的方法(第3版)》于2001年由清华大学出版社推出以来,得到了广大院校师生的一致好评
《月背征途》内容简介:嫦娥五号凯旋!中国探月工程官方记录人类首次登陆月球背面全过程!致敬中国航天!官方近百张高清月背照片首