# Introduction

Bootstrap是一个CSS框架。有了它你可以省掉大量的CSS代码，只要使用class属性（大部分情况下）就可以完成html本地标签的外观改造，轻松做出看起来非常专业而有吸引力用户界面来。

然而从官方手册、以及从现有的资料中来看，是难以得出Bootstrap是简单的这个结论的。

本小书主要采用对比的写作方式。用第一章通过案例引出Bootstrap的架构、概念、主线条。Bootstrap主要是对现有标签的外观改造,所以我会首先列出原生的HTML标签构建的文档片段和默认外观，然后对它应用Bootstrap，对边前后的变化，从而更好的学习Bootstrap。读者知道技术的前因后果，自然容易学习。

随后的章节，我为大卸八块的每个组件给出没有Bootstrap的场景，然后是被Bootstrap改造后的场景，以及每个空间可以使用的class，数据属性（data-\*为前缀的一系列引入的属性）的解释和案例。

这正是一本Bootstrap的书，是程序员写就的，也写给程序员的一本书。我希望它看起来像是好的代码风格一样的直接了当、详略得当。针对读者，它准能帮你省下不少时间，因为你本来需要啃砖头大的几块资料的，并且是反复啃才行。

现在，它就摆在你的面前。

## 关于

作者：刘传君

创建过产品，创过业。爱读书，求甚解。 可以通过 1000copy#gmail.com 联系到我

## 出品

[http小书](http://www.ituring.com.cn/book/1791) [Git小书](http://www.ituring.com.cn/book/1870)

## 打赏

![打赏](/files/-M4H6KxhPrbZaNDOUHer)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://1000copy.gitbook.io/bootstrap/master.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.