内容简介
这本书教你怎么用Bootstrap框架轻松设计出“杀手级”界面及响应式网站。从怎么用Bootstrap的HTML/CSS工具和现成模板构建页面开始,逐步深入地掌握它内置的交互组件和jQuery插件,常常是一行代码都不用写。
作为源自Twitter的一个开源框架,而且可以从GitHub上自由下载,Bootstrap推崇“移动优先”(Mobile First)的设计理念,还支持动态调整网页布局、创建响应式网站。只要稍微懂一些HTML、CSS和JavaScript,就可以创建出在桌面显示器、智能手机和平板电脑中看起来同样完美的网站或应用。这本书会告诉你怎么做。
熟悉Bootstrap的文件结构、网格系统和容器布局;
学习HTML中用于排版、代码、表格、表单、按钮、图片以及图标的元素;
设计界面及其他网页元素,比如导航、面包屑,以及自定义模态窗口等;
使用jQuery插件实现渐进的幻灯片、标签页式界面和下拉菜单;
在LESS文件中修改布局栏数和字体颜色。
Jake Spurlock
是MakerMedia的开发者,MAKE杂志的制作人,他发起了全球各地的“制汇节”活动,该活动旨在教会人们动手制作,让世界变得更美好。Jake是犹他州人,一年半前搬到了加州葡萄酒之乡。
目录
目录 序 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 基本网格的HTML 5 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章 实际使用Bootstrap 111 5.1 GitHub项目 112 5.2 定制Bootstrap 112 5.2.1 使用LESS 113 5.2.2 Snippets插件 115 5.2.3 Photoshop模板 115 5.2.4 主题 116 5.3 获得灵感 117 5.4 小结 117 作者及封面介绍 118 · · · · · · (收起)文件下载