Bootstrap 3 之 Bootstrap 环境安装

在开始学习 Bootstrap 之前，首先需要搭建好开发环境。Bootstrap 是一个基于 HTML、CSS 和 JavaScript 的开源框架，可以帮助开发者快速构建响应式网页。在本章节中，我们将介绍如何安装 Bootstrap 环境。

步骤一：下载 Bootstrap 文件

首先，你需要从 Bootstrap 的官方网站 https://getbootstrap.com/ 上下载最新版本的 Bootstrap 文件。Bootstrap 提供了两种下载方式：源文件和编译文件。源文件包含了所有的源代码和文档，可以自行编译；编译文件则包含了已经编译好的 CSS 和 JavaScript 文件，可以直接在项目中使用。

步骤二：引入 Bootstrap 文件

一旦下载好 Bootstrap 文件，接下来就需要在你的项目中引入这些文件。你可以将 Bootstrap 的 CSS 文件和 JavaScript 文件分别引入到你的 HTML 页面中，或者直接引入 Bootstrap 的 CDN 地址。

引入 CSS 文件

<link rel="stylesheet" href="path/to/bootstrap.min.css">

引入 JavaScript 文件

<script src="path/to/bootstrap.min.js"></script>

CDN 引入

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

步骤三：设置 viewport

Bootstrap 是一个响应式框架，因此在使用 Bootstrap 时，需要在 HTML 文档的头部添加 viewport meta 标签，以确保网页能够正确地在移动设备上显示。

<meta name="viewport" content="width=device-width, initial-scale=1">

通过以上步骤，你已经成功搭建好了 Bootstrap 的开发环境。接下来，你可以开始学习如何使用 Bootstrap 来构建漂亮的网页界面了。