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自定义画笔及使用
  • 热门搜索
    家乡美手抄报 创文手抄报 六一儿童节手抄报大全 五一劳动节手抄报图片 推广普通话手抄报句子 科技新闻手抄报 卫生小常识手抄报 青少年心理健康手抄报 新学期新打算手抄报 关于圣诞节的英语手抄报