bootstrap进阶

最新推荐文章于 2022-04-01 15:52:32 发布

UIEngineer

最新推荐文章于 2022-04-01 15:52:32 发布

阅读量302

点赞数

分类专栏：类库框架

本文链接：https://blog.csdn.net/zjsfdx/article/details/79274182

版权

类库框架专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、编译css和js
1.全局安装grunt

cnpm install -g grunt-cli

2.进入bootstrap根目录

cd bootstrap-3.3.7

cnpm install

至此grunt已经安装到项目依赖

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

grunt dist

最终生成dist文件夹，编译完毕

二、了解less
index.html

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>了解Less</title>
    <link rel="stylesheet/less" href="myLess.less" />
    <script src="less.min.js"></script>
  </head>
  <body>
    <h2>Hello Less！</h2>
  </body>
</html>

myLess.less

@color:#4D926F;

#header{
    color: @color;
}

h2{
    color: @color;
}

这里写图片描述
小编试了下chrome、IE、火狐，只有火狐有绿色文字显示效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

UIEngineer

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap进阶

一、编译css和js 1.全局安装gruntcnpm install -g grunt-cli2.进入bootstrap根目录cd bootstrap-3.3.73.cnpm install至此grunt已经安装到项目依赖4. grunt dist命令：重新生成 /dist/ 目录，并将编译压缩后的 CSS 和 JavaScript 文件放入这个目录中。作为一名 Bootstrap 用户
复制链接

扫一扫