Bootstrap in Action cover

Bootstrap in Action

No rating yet
Chapters
6
Series
Turing Programming Series
ISBN
9787115388872

Tags

Summary

This is a hands-on book on Bootstrap, written for Bootstrap 3. After a brief introduction to downloading, installing, and basic configuration of Bootstrap, it moves straight into project practice, systematically explaining Bootstrap's grid, components, JavaScript plugins, and LESS customization through five real-world site cases of different types. The five cases progress from easy to advanced: a personal portfolio site (with a full-width carousel, three-column text layout, and Font Awesome icons), a WordPress theme (turning the portfolio site into a theme with the help of the Roots starter theme), a corporate website (complex header, dropdown menus, three-column body, and four-column footer, fully responsive), an e-commerce site (product showcase pages, multi-row product control within a complex responsive grid, and responsive filtering tools), and a single-page marketing site (large welcome headline, icon feature list, image-wall testimonials, and a pricing table, with dynamic scroll navigation). Beyond the cases, the book introduces the fundamentals and use of LESS, HTML5 Boilerplate, Respond.js, Masonry, Scroll-Spy, and other practical plugins and frameworks, as well as front-end development workflows; the appendix covers site resource optimization, responsive images, and carousel gestures. The project code provided by the author is split into start and finish folders by chapter for easy side-by-side practice. The book suits developers and enthusiasts with some HTML and CSS foundation.

Editor's review

市面上讲 Bootstrap 的书不少,但多数停留在 API 手册和组件 Demo 的层面;这本书难得地把重心放在「完整做一个站点」上。五个案例覆盖了个人作品站、WordPress 主题、企业官网、电商站和单页营销页,基本拼出了前端外包与产品开发中最常见的几类需求。 这本书的写法很贴近实际开发:每个案例都会遇到真实问题,比如如何在复杂网格里控制多行商品、如何做出多级下拉导航、如何给轮播加手势,然后再给出解决方案。作者对 LESS 着墨较多,读者不只学会调用框架,还能动手改框架的变量与样式,这一步往往就是从「会用」到「用得好」的分水岭。 值得一提的是书中并没有把视野锁死在 Bootstrap 上,HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy 和 Roots 主题这些周边工具都有介绍,对一个前端新人建立起完整的工作流认知很有帮助。代码分为起始与完成两套,可以边看边敲、随时对照。 需要提醒的是,本书基于 Bootstrap 3,与如今的 Bootstrap 5 在网格类名、LESS 与 Sass 的取舍上都有差距。把它当作「项目思路与组件用法」的学习材料仍很有价值,但具体语法需要结合官方文档更新。

Who it's for

A good fit for

  • 已掌握 HTML 与 CSS 基本语法、想系统学习 Bootstrap 的前端初学者
  • 需要快速交付企业站、作品站或营销页的前端开发者
  • 希望把静态页面改造成 WordPress 主题的开发者
  • 想了解 LESS 定制、前端构建工作流与常用插件的前端新人

Not a good fit for

  • 完全没有 HTML/CSS 基础、想从零开始学网页制作的读者
  • 需要学习 Bootstrap 5 最新语法与 Sass 体系的读者
  • 只想查 API 手册、不需要案例驱动学习的读者

Reading tips

  1. 先通读第1章,把 Bootstrap 的下载方式、目录结构与 LESS 编译流程走通,再进入案例。
  2. 不要只读代码,务必下载随书源码,按章节的起始与完成文件夹对照手动实践。
  3. 每完成一个案例,尝试用同一套思路改造自己的旧页面或做一个小型落地页。
  4. 读完后结合 Bootstrap 官方文档补上版本差异,尤其注意网格类名与 Sass 编译方式的变化。

About the publisher

Posts & Telecom Press China · Founded in 1953

Posts & Telecom Press is known for its strengths in science and technology, computing, and information and communications titles, and has extended its publishing into photography, art, software learning, and inspirational growth, giving it a fairly diverse range. Its catalog includes computing and communications works such as Refactoring and Patterns (Revised Edition) and Huawei Switch Learning Guide (Second Edition), alongside bilingual collector's editions such as The Little Prince (Chinese-English-French illustrated collector's edition), The Great Gatsby, and Three Days to See. Beijing Ten Years: 1980-1990 and Ghost Blade: WLOP Personal Illustration Collection reflect its presence in photography and art. Its authors include Antoine de Saint-Exupéry, Helen Keller, Joshua Kerievsky, Wang Da, Zhang Zhaozeng, and WLOP.

Contents

  1. Chapter 1 Getting to Know Bootstrap
  2. Chapter 2 A Portfolio Site
  3. Chapter 3 A WordPress Theme
  4. Chapter 4 A Corporate Website
  5. Chapter 5 An E-commerce Site
  6. Chapter 6 A Single-Page Marketing Site

FAQ

这本书讲的是 Bootstrap 3 还是 Bootstrap 4?
这本 2015 年出版的中文版基于 Bootstrap 3 撰写,涉及 LESS 定制。2019 年另有《Bootstrap实战(第2版)》,基于 Bootstrap 4、改用 Sass,作者阵容也增加了巴斯·乔布森,两本不是同一部书。
零基础能直接读这本书吗?
不太建议。书中略过了 HTML、CSS 的基础语法讲解,直接进入框架与项目,读者至少应能独立写静态页面、理解选择器与盒模型,否则案例部分会非常吃力。
书中的案例代码还能直接运行吗?
书中案例依赖 Bootstrap 3、Roots 主题与当时的构建工具版本,直接运行可能遇到依赖失效。建议把重点放在布局思路与组件组合方式上,代码按新版框架重写。
这本书和《Bootstrap用户手册》有什么区别?
《Bootstrap用户手册》偏重框架本身的规则与组件说明,适合当参考;本书是以五个完整站点为线索的实战教程,更适合跟着做项目来掌握框架。

Comments

Find this book

This site is an index: you start “Search all sources” in your browser, and the entries it lists all point to third-party sites; please judge their availability yourself.

More by the same author

Top rated in the same category