有三种方法可以安装Bootstrap的源码版本:一种是使用 npm,一种是使用 bower,一种是使用 composer。这里使用 npm 来安装 Bootstrap。

npm 和 bower 都是基于 node.js 的包管理工具。node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以方便地搭建响应速度快、易于扩展的网络应用。由于 node.js 本身自带的框架有限,常常需要通过 npm 或 bower 来管理应用中包之间依赖的关系。在node.js 中,已经集成了npm,因此,安装 Bootstrap之前,要先安装 node.js。

1、安装Node.js

首先,从 node.js 的官方(http://nodejs.org/)下载安装包,官网提供两个版本,一个是V4.6.1,一个是V6.9.0。如图 1‑2 所示:

图1-2 下载node.js

老版本V4.6.1成熟、稳定、可靠,而最新版本V6.9.0提供了很多新特性。新手或商业环境建议下载老版本,有经验尝鲜肉的老手则适合下载最新版本。

下载完成后,双击安装包进行安装,安装过程中,无需特殊设置,一路下一步,直到安装完成。如图 1‑3 所示:

图1-3 安装 node.js

安装程序会自动添加 path 的环境变量,变量值是你的安装路径,如 “C:\Program Files\nodejs”。

安装完成后,可以通过命令行测试是否安装成功。可以使用Windows的命令行工具 cmd,也可以使用 node.js 的命令行工具 node.js command prompt。

开始 -> 所有程序 -> node.js command prompt,打开node.js 的命令行工具,在命令行中输入node -v,测试 node.js 是否安装成功。输入npm -v,测试 npm 是否安装成功。如果能够显示当前版本号,说明安装成功。如图 1‑4 所示:

图1-4 测试 node.js 是否安装成功

2、安装Bootstrap

使用 npm安装和管理Bootstrap的 Less、CSS、JavaScript 和字体,打开命令行,并切换到Bootstrap的根目录,执行以下命令即可:

使用 npm 安装的命令为:

npm install bootstrap@3

在安装过程中,会看到一个旋转的小横线。如果出现安装路径提示,说明安装完成。使用 npm 的安装效果如图 1‑5 所示:

图1-5 使用npm 安装Bootstrap

关于作者

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

安装Bootstrap3源码版本相关推荐

  1. 下载Bootstrap3源码版本

    如果你希望学习和交流,可以点击"Download source",下载源码版本.从该链接下载的是一个名称为bootstrap-3.3.7.zip的压缩包,其中包含用于编译CSS的L ...

  2. Bootstrap3 源码版本的文件结构

    Bootstrap 源码包含了预先编译的 CSS.JavaScript 和图标字体文件,并且还有 LESS.JavaScript 和文档的源码. Bootstrap源码版的所有文件,也是按逻辑进行分类 ...

  3. mysql odbc 源码安装_26.1.7. 在Unix平台上从源码版本安装MyODBC

    26.1.7. 在Unix平台上从源码版本安装MyODBC 26.1.7.1. 要求 ·MySQL客户端库以及MySQL 4.0.0或更高版本的包含文件.(最好是MySQL 4.0.16或更高版本). ...

  4. Spring5源码分析系列(二)Spring源码版本命名规则及下载安装

    Tom老师视频讲解第二章,这章主要是科普篇,介绍了下spring版本的命名规则及源码下载,文章参考自Tom老师视频. Spring源码版本命名规则 (1)首先看看某些常见软件的版本号: LinuxKe ...

  5. Linux软件安装管理---源码安装

    在Linux平台下,软件包的类型可以划分为两类:源码包.二进制包. 源码包: 即程序软件的源代码(一般也叫Tarball,即将软件的源码以tar打包后再压缩的资源包). 二进制包: 如 Red Hat ...

  6. 基础IO(文件接口、安装内核源码超详细步骤图解、静态库与动态库)

    基础IO C语言的文件操作接口 fopen fclose fread fwrite fseek 系统调用文件接口 open close read write lseek 安装内核源码 文件描述符&am ...

  7. Linux下的软件安装方式+源码安装软件cmatrix代码雨

    Linux下的软件安装方式 1 rpm工具安装 2 yum工具安装 3 源码编译安装 软件包类型 1 二进制软件包(=rpm软件包) 无需编译,直接安装 根据计算机CPU架构类型和操作系统选择合适的软 ...

  8. (一)Graphvite源码编译安装——faiss 源码安装

    本文只介绍graphvite依赖库faiss 的安装,graphvite的详细安装过程请参考(二)Graphvite 安装过程整理 ---------------------------分割线---- ...

  9. linux安装方舟编译器,华为方舟编译器安装 软件源码地址,华为方舟编译器安装 软件源码地址预约 - 浏览器家园...

    华为方舟编译器下载安装 软件源码下载地址 2019华为全球开发者大会将在8月9日-11日在华为松山湖基地召开.本次开发者大会邀请了1500位合作伙伴.5000名全球开发者,将是华为历来规模最大的一次会 ...

最新文章

  1. CTO 写的代码,真是绝了
  2. DeepLab v2
  3. 2020最新Java面试题(java,JavaWeb,数据库,框架),常见面试题及答案汇总
  4. Win8 .NET Framework 3.5 离线安装
  5. centos 管道符取第一行_CentOS 7 文件操作命令
  6. vscode 里 Import “numpy“ count not be resolved
  7. 计算机斐波那流程图,循环结构——斐波那契数列.DOC
  8. java int转integer方法
  9. GIS案例练习-----------第七天
  10. 正确的座机号码格式_电话号码格式怎么输入才是正确
  11. 位运算4 起床困难综合症
  12. 关于平面战机射击游戏的一点小结
  13. 中国首条3D刷脸地铁开通,终于理解数加加众包为啥采集人脸了
  14. CCS 使用报错合集 -mcu:cc26xx
  15. 基于卷积神经网络的句子分类模型【经典卷积分类附源码链接】
  16. 阿南达医药科技宣布FDA批准了针对阿片类用药障碍(OUD)的新药临床试验申请
  17. 图形图像文件格式分类
  18. the type java.lang.Object cannot be resolved. It is indirectly referenced from ..
  19. Crackme007
  20. 小型水库雨水情测报及大坝安全监测系统

热门文章

  1. CES神吐槽:人工智能快要“烂大街”了?
  2. Oracle 11g 间隔分区(INTERVAL)批量规范命名
  3. python模块介绍-asyncore 异步socket处理器
  4. IEDevToolBar - 一个分析网页的有用的工具
  5. ios10 申请拍照权限_iOS10配置申请权限
  6. 如何在Qt中使用自定义数据类型
  7. SSE图像算法优化系列十八:三次卷积插值的进一步SSE优化。
  8. redis和memcache的对比
  9. 优雅的使用Js或CSS处理文本的截断与展示
  10. 我对windows核心编程的理解之一