Bootstrap3实用教程
1.2.1 下载编译版本
阅读(

Bootstrap基础

Bootstrap简介

下载Bootstrap3

在下载Bootstrap之前,请确保你已经安装了一个好用并适合自己的代码编辑器。你可以使用任何文本编辑器,如记事本、写字板、UltraEdit32、EditPlus、NotePad++等等,笔者推荐使用NotePad++ 和EditPlus。另外,你还应该具备 HTML、CSS 和 JavaScript 的基础知识,以确保能够在网页设计和开发中,轻松学习和使用Bootstrap。

你可以在Bootstrap官网(http://getbootstrap.com/)下载它的框架的文件和源码。打开Bootstrap官网首页,点击“Download Bootstrap”按钮,跳转到下载页面。如图 1‑1所示:

下载Bootstrap
图1-1 下载Bootstrap

可以看到,Bootstrap提供了三种版本:一种是编译版本、一种是源码版本、一种是Sass源码版本。不同的版本针对具有不同技能等级的开发者和不同的使用场景,可以根据实际情况,下载合适的版本。

第一种是编译版本,它是用于生产环境的 Bootstrap,包含编译并压缩后的 CSS、JavaScript 和字体文件,不包含文档和源码文件。

第二种是源码版本,包含Less、JavaScript 和 字体文件的源码,并且带有文档。需要 Less 编译器和简单的安装。

第三种是Sass版本,这是 Bootstrap 从 Less 到 Sass 的源码移植项目,用于快速地在 Rails、Compass 或只针对 Sass 的项目中引入。

下载编译版本

如果你希望快速开始,可以点击“Download Bootstrap”,直接下载编译后的版本。从该链接下载的是一个名称为bootstrap-3.3.7-dist.zip的压缩包,仅包含CSS、JS、字体文件,而不包含文档和源文件。

编译后的版本可以直接使用,将压缩包解压后,得到的是css、fonts、js三个目录,其中分别是CSS文件、字体文件、JavaScript文件。复制其中的文件到网站目录,引入相应的CSS文件和JavaScript文件,就可以在网站和页面中使用Bootstrap的样式和插件了。

默认情况下,CSS 和 JavaScript 文件有两种:一种是未经压缩的文件,一种是经过压缩处理的 min 文件。可以根据需要选择一个版本,没必要在项目中同时包含两个版本。一般网站在正式运行时使用压缩过的文件,以可以节约传输流量;而在开发调试阶段,往往使用原始的、未压缩的版本,以便进行调试跟踪。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验