Bootstrap源码之旅-再论CSS环境搭建

来源:互联网 发布:手机修改图片软件 编辑:程序博客网 时间:2024/06/11 19:20

之前文章中搭建了编译Bootstrap中Less文件的环境。但是项目是空的,并没有代码。现在开始终于要一步一步把Bootstrap的Less拷贝到我们自己的项目中了。

首先,先把源码中的bootstrap.less文件拷贝到我们自己项目中的bootstrap.less文件中,并且都注释起来。
然后,把源码中的mixins都拷贝到我们的项目里。
之后,再把variables.less也拷贝过来。
然后,把mixins.less也拷贝过来。
最后,把bootstrap.less都注释掉,只留下variables.less和mixins.less两条引入。

命令行中执行以下grunt。

生成的css文件中,除了注释啥也没有。因为我们引入的是变量和mixin,根本没有实质性的样式规则。

其实我应该把所有的less都拷过来,只是在bootstrap.less文件中不引入就好了。好,就这样干!!!

原创粉丝点击