19、使用 Less 搭配 Bootstrap

使用 Less 搭配 Bootstrap

在开发项目时，许多开发者会思考是否要使用框架。框架的显著优势在于能助力网站快速上线并运行，Bootstrap 也不例外。它由 Twitter 开发，最初是用于统一内部项目的工具，如今已迅速成为 GitHub 上排名第一的项目，用户涵盖 NASA 和 MSNBC 等。

为何要在讨论 Less 的内容中提及 Bootstrap 呢？原因很简单，Bootstrap 是基于 Less 构建的，它是帮助我们熟悉 Less 开发的理想工具。接下来，我们将探讨以下几个方面：
- Bootstrap 的 Less 文件结构
- Bootstrap 的混合宏（mixins）
- 为你的网站配置 Bootstrap
- 开发使用 Bootstrap 的工作流程

剖析 Bootstrap 的 Less 文件结构

若你决定使用 Bootstrap，它的确能像互联网上的其他框架一样，帮助网站快速上线。不过，我们更关注的是 Less 在 Bootstrap 中的应用。Less 在生成 Bootstrap 库中各元素样式的 CSS 时起着关键作用。接下来，我们详细了解一下这个库。

下载库

首先，我们要下载 Bootstrap 库。访问 http://getbootstrap.com/ ，点击“Download Bootstrap”。撰写本文时，Bootstrap 库的版本是 3.2.0，可通过多种方式获取，如 CDN 或 Bower。我们需要的是源代码版本，点击“Source