twitter-bootstrap - 如何在 Yii 框架中使用 Bootstrap 编辑变量和编译 .less？

Question

我正在使用 php 框架 Yii，我想将它与 Twitter Bootstrap 框架结合使用。

我做了与这里完全相同的步骤:http://www.cniska.net/yii-bootstrap/setup.html设置它。

如何更改所有颜色的默认值等等？我在“variables.less”中对其进行了更改，它甚至成功编译了 bootstrap.less 和 style.less，但没有任何改变。

对不起，我是一个新手，但你能告诉我必须更改和编译哪个文件以更改设计吗？

Answer 1

截至Yii-Bootstrap ver 1.2.0 ，css 文件取自 path/to/bootstrap-extension/assets/css/文件夹，因此您对基本 .less 文件所做的任何更改都应编译并存储在该文件夹中。查看this line in the source :

Yii::app()->clientScript->registerCssFile($this->getAssetsUrl().'/css/bootstrap.css');

例如:

扩展的css文件夹是:project-name/protected/extensions/bootstrap/assets/css/

项目名称/protected/extensions/bootstrap/lib/bootstrap/less/中的基本 .less 文件

在 project-name/protected/extensions/bootstrap/lib/bootstrap/less/variables.less 中进行更改:

@white:                 #ffe;// changed from #fff

备份原始 bootstrap.css 以防万一。

编译 protected/extensions/bootstrap/lib/bootstrap/less/bootstrap.less 文件。
示例(服务器端命令行编译 & while 在项目名称文件夹中):

$lessc protected/extensions/bootstrap/lib/bootstrap/less/bootstrap.less > protected/extensions/bootstrap/assets/css/bootstrap.css

清除浏览器中的缓存，刷新以查看更改。