您的位置：首页 > Web前端 > BootStrap

bootstrap进阶

2018-02-06 20:50 127 查看
一、编译css和js

1.全局安装grunt

cnpm install -g grunt-cli


2.进入bootstrap根目录

cd bootstrap-3.3.7


3.

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、火狐，只有火狐有绿色文字显示效果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航