bootstrap源码安装教程

 时间:2026-02-15 06:26:07

1、第一步、访问Bootstrap中文官网

bootstrap源码安装教程

2、第二步、下载Bootstrap

Download Bootstrap:下载预编译和压缩版Bootstrap(不含文档和源码)。

Download code:Bootstrap源码,如官网介绍,需要编译Less文件 和一些安装。

刚接触Bootstrap的话建议下载第一个,下载下来可以直接用。

而接下来,我将讲解第二个Bootstrap源码安装及编译教程。

bootstrap源码安装教程

bootstrap源码安装教程

3、第三步、环境搭建

我的环境:VMware虚拟机,Ubuntu14.0.4

bootstrap源码安装教程

4、第四步、编译bootstrap源码

下载官方bootstrap源码,注意这里一定是bootstrap源码,而不是预编译版本。

bootstrap源码安装教程

5、第五步、因为我这里已经编译过了,所以有node_modules文件夹,刚解压后是没有这个文件夹的。

bootstrap源码安装教程

6、nmp install需要等待一会儿,中间如果出错,则删除node_modules文件夹,重新npm install

------------------------------------------------------------------------------------

然后执行grunt dist命令,会将bootstrap各种css、js等源文件编译并在./dist下生成压缩文件bootstrap.min.css

--------------------------------------------------------------------------------------

bootstrap的css源文件在bootstrap-3.3.7/less下,使用less语法构成,修改源文件中各个组件的代码,编译后即可生成自定制的bootstrap

  • 荣誉证书制作
  • 如何安装和使用Autodesk FBX Converter
  • PS实用的新功能之修复照片
  • 马蹄果怎么吃
  • ps自定义画笔及使用
  • 热门搜索
    夜神模拟器怎么用 脚底板疼是怎么回事 biangbiang面怎么打 怀孕拉肚子怎么办 怎么写信的格式 手机怎么备份 本田凌派怎么样 ed怎么治疗 九连环怎么解 芾怎么读