当前位置：首页 → 应用软件 → 编程软件 → bootstrap-3.3.7-dist

应用截图
应用介绍
相关应用
使用攻略
下载地址
用户评论
最新应用

bootstrap-3.3.7-dist

< >

好玩

坑爹

应用语言：中文
应用大�。�361KB
更新时间：2016-12-29 15:22
发行时间：
应用类型：普通
应用标签：

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS┃、JAVASCRIPT的|。说明：用于生产环境的Bootstrap编译并压缩后的CSS‖、JavaScript和字体文件。不包含文档和源码文件〓。这是Bootstrap从Less到Sass的源码[更多]

大小ⅰ：361KB

应用介绍

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架、。Bootstrap 是基于 HTML、CSS、、JAVASCRIPT 的┃。

说明：

用于生产环境的 Bootstrap

编译并压缩后的 CSS、JavaScript 和字体文件┃。不包含文档和源码文件┃。

这是 Bootstrap 从 Less 到 Sass 的源码移植项目，用于快速地在 Rails┃、Compass 或只针对 Sass 的项目中引入┃。

使用 Bootstrap 中文网提供的免费 CDN 加速服务

Bootstrap 中文网为 Bootstrap 专门构建了自己的免费 CDN 加速服务々В基于国内云厂商的 CDN 服务┃，访问速度更快、加速效果更明显┃、没有速度和带宽限制┃、永久免费。Bootstrap 中文网还对大量的前端开源工具库提供了 CDN 加速服务┃，请进入BootCDN 主页查看更多可用的工具库┃。

复制

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">  <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>  <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

通过 Bower 进行安装

还可以通过 Bower 安装并管理 Bootstrap 的 Less┃、CSS┃、JavaScript 和字体文件。

复制

$ bower install bootstrap

通过 npm 进行安装

你还可以利用 npm 工具来安装 Bootstrap：

复制

$ npm install bootstrap

require('bootstrap') 代码的作用是加载 Bootstrap 的所有 jQuery 插件┃。其中┃，bootstrap 模块自身并不导出任何内容┃。你可以通过加载安装包顶级目录下的 /js/*.js 文件的方式手动加载单个的 Bootstrap 插件┃。

Bootstrap 的 package.json 文件包含了一些额外的元数据：

less - Bootstrap 源码的入口 Less 文件的路径

style - Bootstrap 的未压缩 CSS 文件的路径

编译 Less/Sass 源码需要注意的事项

Bootstrap 利用 Autoprefixer 自动为某些 CSS 属性添加针对特定厂商的前缀┃。如果你是从 Less/Sass 源码编译 Bootstrap 的，并且没有使用 Bootstrap 自带的 Gruntfile 文件┃，那你就必须将 Autoprefixer 集成到你的编译工具和编译过程中|。如果你使用的是我们预先编译好的 Bootstrap 文件或者使用的是我们提供的 Gruntfile 文件，那就无需操心了|，我们已经将这些工作替你搞定了|。

包含的内容

Bootstrap 提供了两种形式的压缩包，在下载下来的压缩包内可以看到以下目录和文件|，这些文件按照类别放到了不同的目录内|，并且提供了压缩与未压缩两种版本。

Bootstrap 插件全部依赖 jQuery

请注意|，Bootstrap 的所有 JavaScript 插件都依赖 jQuery|，因此 jQuery 必须在 Bootstrap 之前引入，就像在基本模版中所展示的一样|。在 bower.json 文件中列出了 Bootstrap 所支持的 jQuery 版本|。

预编译版

下载压缩包之后，将其解压缩到任意目录即可看到以下（压缩版的）目录结构：

复制

bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ └── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2

Bootstrap 源码

Bootstrap 源码包含了预先编译的 CSS|、JavaScript 和图标字体文件，并且还有 LESS|、JavaScript 和文档的源码|。具体来说，主要文件组织结构如下：

复制

bootstrap/ ├── less/ ├── js/ ├── fonts/ ├── dist/ │ ├── css/ │ ├── js/ │ └── fonts/ └── docs/ └── examples/

less/|、js/ 和 fonts/ 目录分别包含了 CSS|、JS 和字体图标的源码。dist/ 目录包含了上面所说的预编译 Bootstrap 包内的所有文件‖。docs/ 包含了所有文档的源码文件‖，examples/ 目录是 Bootstrap 官方提供的实例工程‖。除了这些‖，其他文件还包含 Bootstrap 安装包的定义文件、许可证文件和编译脚本等‖。

编译 CSS 和 JavaScript 文件

Bootstrap 使用 Grunt 作为编译系统‖，并且对外提供了一些方便的方法用于编译整个框架‖。下面讲解的就是如何编译源码、运行测试用例等内容‖。

安装 Grunt

安装 Grunt 前‖，你需要首先下载并安装 node.js （npm 已经包含在内）。npm 是 node packaged modules 的简称‖，它的作用是基于 node.js 管理扩展包之间的依赖关系‖。

然后在命令行中输入以下命令：

在全局环境中安装 grunt-cli ：npm install -g grunt-cli 。

进入 /bootstrap/ 根目录‖，然后执行 npm install 命令‖。npm 将读取 package.json 文件并自动安装此文件中列出的所有被依赖的扩展包。

上述步骤完成后‖，你就可以运行 Bootstrap 所提供的各个 Grunt 命令了‖。

可用的 Grunt 命令

grunt dist （仅编译 CSS 和 JavaScript 文件）

重新生成 /dist/ 目录，并将编译压缩后的 CSS 和 JavaScript 文件放入这个目录中‖。作为一名 Bootstrap 用户‖，大部分情况下你只需要执行这一个命令。

grunt watch （监测文件的改变‖，并运行指定的 Grunt 任务）