twitter-bootstrap – 如何从bootswatch .less文件开始重新编译.css文件?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何从bootswatch .less文件开始重新编译.css文件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我成功安装了节点而且更少

我从bootswatch下载了以下两个文件’Flatly’:

> variable.less
> bootswatch.less

现在我想简单地创建最终的boostrap.css而不做任何修改,只是为了尝试所有与同一主题的预先生成的bootstrap.css文件不一致.

我试过了

lessc variables.less > bootstrap.css

但是我得到了空的boostrap.css文件

我试过了

lessc bootswatch.less > bootstrap.css

但是我得到了

NameError: variable @navbar-default-bg is undefined in
C:\Users\\Downloads\ bootswatch.less on line 16,column 14: 15
background-color: #fff; 16 color: @navbar-default-bg; 17 }

所以我尝试了这个

lessc variables.css bootswatch.less > bootstrap.css

它没有给我任何错误,但我仍然得到一个空的bootstrap.css文件.

有没有办法直接使用.css编译.或者我必须完成自定义here中列出的所有步骤吗?

解决方法

获取Bootswatch自定义Bootstrap css的最简单方法(如果您不想打扰所有 black magic)是以下内容

>下载Bootstrap Less sources
>下载相应的Bootswatch variable.less和bootswatch.less.
>使用以下导入创建新文件

// Set imported file paths to their actual location in your environment
@import "..../bootstrap/less/bootstrap"; // <- Bootstrap  bootstrap.less 
@import "..../.../bootswatch";           // <- Bootswatch bootswatch.less 
@import "..../.../variables";            // <- Bootswatch variables.less

>使用lessc(或任何兼容工具)编译此文件.

猜你在找的Bootstrap相关文章