前言

Bootstrap是一个用于构建响应式网站的前端框架。无论你想构建应用程序、博客还是CMS网站,Bootstrap都完美适用,只要你想得到,它都能行。Bootstrap把HTML、CSS和JavaScript组合起来,为构建稳定的网站提供了基础设施,也能提高开发效率。基于默认的网格系统,布局变成了小菜一碟,按钮、导航和表格也都活脱脱地赏心悦目。十几个JavaScript插件更为我们赋予网站交互能力提供了强大保障。

读者对象

本书读者应该对HTML、CSS和JavaScript都比较熟悉,而且对构建响应式网站、使用Bootstrap的JavaScript插件,以及使用流行的开源框架创建网站充满好奇心。

不适合谁

本书不适合能看懂Bootstrap文档的读者。与很多人一样,我也是从在线文档学起的,当时使用的是Bootstrap 1.3,后来就升级到Bootstrap 1.4。然后,我又基于Bootstrap 2.0建了一个大网站。如果你喜欢编写语义化的HTML,使用Bootstrap没错。

本书宗旨

如果你有编写HTML、CSS和JavaScript的经验,本书可以作为你编写灵活代码和响应式网站的参考。当然,相关的概念和语法都很简单,因为本书也遵循语义HTML和CSS的风格。

本书内容

本书讨论了使用Bootstrap构建网站,从基本的项目和文件结构开始,然后是网格系统和布局方式,再后来讨论HTML元素特别是表单、表格、按钮等界面元素。在对Bootstrap有了基本的理解之后,我们会讨论漂亮的导航条、面包屑式导航、媒体对象等。接着JavaScript插件登场,比如下拉菜单、传送带、模态框,它们为网站提供了交互功能。

为什么写这本书

我不是Bootstrap专家,把自己当成专家可不得了,写成这样就不行了。

我就是一个普通的开发人员,通过Dave Winer的博客知道了Bootstrap。我觉得不错,就在新网站中使用了Bootstrap。我感觉有必要跟大家分享自己使用Bootstrap的心得。希望我从一个初学者角度写的这本书,能够帮更多人认识到Bootstrap的价值,希望自己的经历对大家有用,也请专家们批评指正。

其他资源

看书或许并不是学习Bootstrap的唯一方式。这取决你想学什么,或者为什么学。

如果你只想初步了解Bootstrap,那么其在线文档已经足够了。Jacob Thornton和Mark Otto为此提供了很多精美的示例、HTML片段及其他对你入门有帮助的信息。Bootstrap的在线文档写得很好,本书结构也参考了该文档。

如果你想对这个开源项目做点贡献,可以在GitHub上提交请求或使用跟踪程序,获得项目的更新、下载、文档。

Bootstrap适合你吗

如果你只想找JavaScript插件或CSS重置文件,Bootstrap可能就太大了。如果你只是不喜欢Bootstrap的默认界面元素,那不要紧,因为你可以轻易定制这些元素的外观,而且去掉相关的标签也易如反掌。如果你想快速构建响应式网站,Bootstrap绝对是明确的选择。

排版约定

本书使用的排版约定如下。

  • 楷体
    表示新的术语。

  • 等宽字体
    表示程序片段,也用于在正文中表示程序中使用的变量、函数名、命令行代码、环境变量、语句和关键词等代码文本。

  • 加粗的等宽字体
    表示应该由用户逐字输入的命令或者其他文本。

  • 倾斜的等宽字体
    表示应该由用户输入的值或由上下文决定的值替换的文本。

这个图标代表小窍门、建议或说明。

这个图标代表警告信息。

使用代码

本书就是要帮读者解决实际问题的。也许你需要在自己的程序或文档中用到本书中的代码。除非大段大段地使用,否则不必与我们联系取得授权。因此,用本书中的几段代码写成一个程序不用向我们申请许可。但是销售或者分发O'Reilly图书随附的代码光盘则必须事先获得授权。引用书中的代码来回答问题也无需我们授权。将大段的示例代码整合到你自己的产品文档中则必须经过许可。

使用我们的代码时,希望你能标明它的出处。出处一般要包含书名、作者、出版商和ISBN,例如:Bootstrap by Jake Spurlock (O'Reilly). Copyright 2013 Jake Spurlock, 978-1-449-34391-0。

如果还有其他使用代码的情形需要与我们沟通,可以随时与我们联系:permissions@oreilly.com。

欢迎指正

希望读者可以通过本书学到想学的东西,同时也希望你能帮助别人学习Bootstrap。帮助别人的方式有很多种。

  • 发现本书有技术问题或者解释不清,或其他可以改进的地方,请提交勘误。
  • 如果你喜欢(或不喜欢)这本书,请写出书评。可以直接在Amazon.com或O'Reilly网站本书页面上留言。指出哪些地方讲得清楚,哪些地方还不够清楚,对其他读者和我都将有很大帮助。
  • 如果你想分享学习Bootstrap的心得,请付诸行动,你可以写博客、发微博、写书、搞培训,怎么都行。

我会尽力根据勘误和评论更新这本书。就算书已经印刷上市,我也会在新版本中更正。要是你购买了电子版,可以免费获得新版本。我觉得这本书不会升级太快,除非Bootstrap有很大变化。但愿这本书能让读者朋友有所收获,激发你分享的兴趣。

Safari® Books Online

Safari Books Online(www.safaribooksonline.com)是应需而变的数字图书馆。它同时以图书和视频的形式出版世界顶级技术和商务作家的专业作品。

Safari Books Online是技术专家、软件开发人员、Web设计师、商务人士和创意人士开展调研、解决问题、学习和认证培训的第一手资料。

对于组织团体、政府机构和个人,Safari Books Online提供各种产品组合和灵活的定价策略。用户可通过一个功能完备的数据库检索系统访问O'Reilly Media、Prentice Hall Professional、Addison-Wesley Professional、Microsoft Press、Sams、Que、Peachpit Press、Focal Press、Cisco Press、John Wiley & Sons、Syngress、Morgan Kaufmann、IBM Redbooks、Packt、Adobe Press、FT Press、Apress、Manning、New Riders、McGraw-Hill、Jones & Bartlett、Course Technology以及其他几十家出版社的上千种图书、培训视频和正式出版之前的书稿。要了解Safari Books Online的更多信息,我们网上见。

联系我们

请把对本书的评价和问题发给出版社。

美国:
O'Reilly Media, Inc.
1005 Gravenstein Highway North
Sebastopol, CA 95472
800-998-9938 (从美国和加拿大拨打)
707-829-0515 (在本地或从其他国家拨打)
707-829-0104 (传真)

中国:
北京市西城区西直门南大街2号成铭大厦C座807室(100035)
奥莱利技术咨询(北京)有限公司

O'Reilly的每一本书都有专属网页,你可以在那儿找到本书的相关信息,包括勘误表、示例代码以及其他信息。本书的网站地址是:
http://shop.oreilly.com/product/0636920027867.do

中文版地址: http://www.oreilly.com.cn/index.php?func=book&isbn=978-7-115-32735-2

对于本书的评论和技术性问题,请发送电子邮件到:

要了解更多O'Reilly图书、培训课程、会议和新闻的信息,请访问以下网站:
http://www.oreilly.com

我们在Facebook的地址如下: http://facebook.com/oreilly

请关注我们的Twitter动态: http://twitter.com/oreillymedia

我们的YouTube视频地址如下: http://www.youtube.com/oreillymedia

致谢

首先感谢Dave Winer引领我使用Bootstrap,然后感谢Simon St. Laurent为我提供了写书的机会。好朋友Roseanne Fallin和Tony Quartorolo的反馈让这本书得以成形。我希望这本书能帮读者走上正轨。还要感谢Melissa Morgan支持我在MAKE大胆尝试我的工作方式。

特别要感谢我的妻子Melissa,感谢她的坚忍和对我的鼓励。感谢我的儿子Rush,他居然理解我需要“工作”,还要感谢我女儿Hailey那暖暖的微笑和紧紧的拥抱。我爱我家,感谢她们对我的支持。

目录

  • 版权声明
  • O'Reilly Media, Inc.介绍
  • 前言
  • 第1章 Bootstrap提供的网站框架
  • 第2章 Bootstrap预定义的CSS样式
  • 第3章 Bootstrap内置的布局组件
  • 第4章 Bootstrap支持的JavaScript插件
  • 第5章 实际使用Bootstrap
  • 作者及封面介绍