bootstrap源码安装教程

 时间:2024-10-13 04:29:59

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

bootstrap源码安装教程

2、第二步、下载BootstrapDownload 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文件夹,重新np罪焐芡拂m install------------------------------------------------------------------------------------然后执行grunt dist命令,会将bootstrap各种css、js等源文件编译并在./dist下生成压缩文件bootstrap.min.css--------------------------------------------------------------------------------------bootstrap的css源文件在bootstrap-3.3.7/less下,使用less语法构成,修改源文件中各个组件的代码,编译后即可生成自定制的bootstrap

  • 荣誉证书制作
  • 如何安装和使用Autodesk FBX Converter
  • PS实用的新功能之修复照片
  • 马蹄果怎么吃
  • ps自定义画笔及使用
  • 热门搜索
    关于清明节手抄报图片 运动与健康手抄报 以新年为主题的手抄报 文明安全手抄报 关于法制的手抄报图片 关于廉政的手抄报 三月三手抄报图片大全 手抄报设计图案大全 我爱爸爸妈妈手抄报 关于小动物的手抄报