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

发布时间：2020-12-17 21:20:34 所属栏目：安全来源：网络整理

导读：我成功安装了节点而且更少我从bootswatch下载了以下两个文件’Flatly’： variable.less bootswatch.less 现在我想简单地创建最终的boostrap.css而不做任何修改,只是为了尝试所有与同一主题的预先生成的bootstrap.css文件不一致. 我试过了 lessc variables.

我成功安装了节点而且更少

我从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:UsersDownloads 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(或任何兼容工具)编译此文件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!