竹子建站

《图灵程序设计丛书:Bootstrap用户手册·设计响应式网站》

发布时间:2019-03-16 10:50

内容简介

  Bootstrap是Mark Otto和Jacob Thornton在Twitter公司共同开发的一个网站开发框架,2011年8月发布至今已经成为Github上最受关注的开源项目。从最初CSS驱动 的项目到目前内置很多JavaScript插件和图标,并且涵盖表单和按钮元素、支持响应式Web设计,Bootstrap为Web开发提供了前瞻性的设 计和开发基础,能够大幅提升开发效率,已被很多流行网站采用。《图灵程序设计丛书:Bootstrap用户手册·设计响应式网站》全面介绍了 Bootstrap为前端开发提供的所有工具,包括网格布局系统、预定义CSS样式、内置界面组件和交互式JavaScript插件。
  《图灵程序设计丛书:Bootstrap用户手册·设计响应式网站》内容系统、结构完整、讲解简明、方便实用,是前端开发人员使用Bootstrap的最佳参考书,适合所有前端开发人员和希望了解Bootstrap的读者阅读参考。

作者简介

  Jake Spurlock,MakerMedia的开发者,MAKE杂志的制作人,他发起了全球各地的“制汇节”活动,该活动旨在教会人们动手制作,让世界变得更美好。Jake是犹他州人,一年半前搬到了加州葡萄酒之乡。

精彩书评

  ★“……Jake Spurlock是一位前端工程师,已经用Bootstrap创建了几个网站……他认为是我的那几篇博文引领他结识了强大优雅的Bootstrap。现在,我把你交给他,让他为你展示Bootstrap的魔法,我们一块推动Web开发向前进。”
  ——Dave Winer Scripting News杂志编辑

目录


前言
第1章 Bootstrap提供的网站框架
1.1 Bootstrap到底是什么
1.2 Bootstrap的文件结构
1.3 基本的HTML模板
1.4 全局样式
1.5 默认网格系统
1.5.1 基本网格的HTML
1.5.2 平移列
1.5.3 嵌套列
1.6 流式网格系统
1.7 容器布局
1.8 响应式设计

第2章 Bootstrap预定义的CSS样式
2.1 排版
2.1.1 标题
2.1.2 强调段落
2.1.3 强调内容
2.1.4 粗体
2.1.5 斜体
2.1.6 强调相关的类
2.1.7 列表
2.2 代码
2.3 表格
2.3.1 可选的表格类
2.3.2 表格行的类
2.4 表单
2.4.1 可选的表单布局
2.4.2 内置支持的表单控件
2.4.3 扩展的表单控件
2.4.4 设置控件大小
2.4.5 表单控件的状态
2.5 按钮
2.5.1 按钮大小
2.5.2 禁用按钮的样式
2.6 图片
2.7 图标
2.7.1 感谢GLYPHICONS提供图标
2.7.2 用法

第3章 Bootstrap内置的布局组件
3.1 下拉菜单
3.2 按钮组
3.3 按钮下拉菜单
3.3.1 分隔式按钮下拉菜单
3.3.2 上拉菜单
3.4 导航元素
3.4.1 标签形导航
3.4.2 胶囊形导航
3.4.3 垂直堆叠的导航
3.4.4 导航加下拉菜单
3.4.5 导航列表
3.4.6 可切换的标签导航
3.5 导航条
3.5.1 导航条链接
3.5.2 表单
3.5.3 导航条菜单
3.6 面包屑式导航
3.7 分页导航
3.8 标签
3.9 圆标签
3.10 排版相关的元素
3.10.1 重头消息
3.10.2 页面标题
3.11 缩略图
3.12 警示框
3.13 进度条
3.14 媒体对象
3.15 其他组件
3.15.1 洼地
3.15.2 辅助类

第4章 Bootstrap支持的JavaScript插件
4.1 概述
4.2 过渡
4.3 模态框
4.3.1 用法
4.3.2 选项
4.3.3 方法
4.3.4 事件
4.4 下拉菜单
4.4.1 用法
4.4.2 通过JavaScript使用下拉菜单
4.4.3 方法
4.5 滚动监控器
4.5.1 用法
4.5.2 .scrollspy(’refresh’)方法
4.5.3 选项
4.5.4 事件
4.6 可切换的标签页
4.6.1 用法
4.6.2 事件
4.7 提示条
4.7.1 用法
4.7.2 选项
4.7.3 方法
4.8 弹出层
4.8.1 用法
4.8.2 选项
4.8.3 方法
4.9 警示框
4.9.1 用法
4.9.2 关闭方法
4.9.3 事件
4.10 按钮
4.10.1 加载状态
4.10.2 单选开关
4.10.3 复选按钮
4.10.4 单选按钮
4.10.5 用法
4.10.6 方法
4.11 折叠框
4.11.1 用法
4.11.2 选项
4.11.3 方法
4.11.4 事件
4.12 传送带
4.12.1 用法
4.12.2 选项
4.12.3 方法
4.12.4 事件
4.13 预先输入
4.13.1 用法
4.13.2 选项
4.14 粘条
4.14.1 用法
4.14.2 选项

第5章 实际使用Bootstrap
5.1 GitHub项目
5.2 定制Bootstrap
5.2.1 使用LESS
5.2.2 Snippets插件
5.2.3 Photoshop模板
5.2.4 主题
5.3 获得灵感
5.4 小结
作者及封面介绍


我在Mac面世之前就开发软件了,因此我记得当时技术界的反应。很大程度上,技术圈的人都对此不太感冒。有意思的是,今天很多人对 Bootstrap的负面影响议论纷纷,像极了1984年人们对Mac的指指点点。但两个事件中一致的是,人们不喜欢的东西,对他们却非常重要。
苹果意识到有些事所有软件都必须做,那为什么这些软件不采用相同的方法来做呢?如果能做到这一点,开发和调试就容易多了,而更重要的是,用起来也就容易 多了!如果只有一种创建菜单的方式,那么用户只要在一个应用上学会使用菜单,就会使用任何应用中的菜单了。滚动条、窗口、键盘、鼠标、打印机、音乐,不都 一样吗?
那时,程序员(包括我)之所以不喜欢Mac,是因为觉得它要拿我们做过的东西转变成商品去卖钱。另外,这种大一统的方式存在局限性。有一些应用的界面元素并不规范。怎么办?好,你自己来改,只能这样。
这在技术上就叫重构。如果你发现自己一遍一遍地在重复做一件事,不妨再努力一次做得更好一点,做出个API来,保证它灵活好用。然后,就再也不用重复 了。这正是软件也能写得像摩天大楼那样高大复杂的奥秘。五年前最前沿的技术如今已经融入了操作系统。这就是进步,这样多好啊!
同样的情形在网 站开发过程也随处可见。事实上,以Mac当年对未来的愿景观之,Web 开发领域的重复劳动以及开发环境的落后程度是令人沮丧的。然而,Bootstrap 至少担负起了重构的责任。如果我想做个菜单,那就用它来做好了。没错,我的菜单跟别人的没什么区别。但这对用户是好事儿啊。用户不用再学习第二种菜单、第 三种菜单的用法了。
Bootstrap 是必需的、绝对必要的,它的迅速普及就是明证。不光我的服务器端软件会用到它,我开发的模板语言里也少不了它,这样只要用户想使用Bootstrap,随 时随地用就可以了。什么也不用做,也不用包含什么库。就像服务器硬件的一部分,跟苹果1984 年在Mac OS 上所做的一样。
跟所有重要 的技术一样,Bootstrap 只是“够好”而已,并非完美。换句话说,Mark Otto 和Jacob Thornton 还可以让自己的重构更上一层楼。然而,假如他们不断追求让代码更简洁、外观更漂亮,那恐怕就没有那么好用了。Bootstrap 为你我这样忙于写网站的人彻底解决了用户界面的问题。
不过,我认为这只是开始。我预感到Bootstrap 会成为Web 的一个组件,或者说它很可能出现在你会用到的所有开发工具中。有朝一日——应该不会太久,设计人员将能够不修改任何样式和脚本,就给整个网站换一次皮肤。 我没发现使用Bootstrap 会带来什么局限性。Bootstrap 不能取代设计师,相反,它是设计师手中的利器,也拓展了设计师的想象空间。
今天,能在O’Reilly 出一本书往往标志着一种新技术走向成熟。现在,Bootstrap 的书也出版了。作者Jake Spurlock 是一位Web 开发人员,已经使用Bootstrap 写了很多网站,并在技术大会上分享过他的经验。我很荣幸,据说他是在看了我写的一系列博客文章之后才决定使用Bootstrap 的。现在,我非常高兴地把他的书推荐给各位读者。来听听他为大家讲解Bootstrap 的魔法吧,让自己也拥有推动世界进步的魔力!
Dave Winer
Scripting News 编辑
2013 年1 月于纽约

扫一扫在手机上阅读本文章

欢迎来到竹子建站,请问有什么可以帮您?

QQ咨询:3136530189
QQ咨询:2910463010
客服热线:028-678 77888

微信扫一扫

×

· 全新视觉设计、极致用户体验

· 高端官网模板,免费SSL证书、全站SEO等60+新功能

· 可视化网站设计器,10分钟自助创建高端官网

立即体验2.0