4

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

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

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

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

4

3 回答 3

3

从Yii-Bootstrap 版本 1.2.0开始，css 文件取自path/to/bootstrap-extension/assets/css/文件夹，因此您对基本.less文件所做的任何更改都应编译并存储在该文件夹中。检查源代码中的这一行：

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

例如：

  • 扩展的css文件夹是：项目名称/保护/扩展/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

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

于 2012-11-11T15:51:46.737 回答
1

假设您的 less 文件正在正确编译，则编译后的 CSS 文件中的颜色应该会发生变化。此时，您需要确保您的 HTML 文件链接到新编译的 CSS 文件。

于 2012-05-24T04:19:55.323 回答
1

我知道将引导程序的 less 文件复制到根目录中的 less 文件夹中并在那里编辑和编译它们是一个好主意。通过这种方式，很容易更新引导框架。

在这个 less 文件夹中，我有一个 style.less 文件，它导入 extensions/bootstrap/ 文件夹的 bootstrap.less 和我的单个编辑文件。当我使用其他文件的变量时，我必须注意，然后我需要导入一些定义变量的较少文件。

于 2012-05-25T11:03:11.960 回答