Question

我正在使用此扩展程序：Yii-Bootstrap以及此较少的扩展程序：less

在我的main.php配置文件中，我有：

'components'=>array(
  'less'=>array(
    'class'=>'ext.less.components.LessCompiler',
    'forceCompile'=>true, // indicates whether to force compiling
    //'compress'=>false, // indicates whether to compress compiled CSS
    //'debug'=>false, // indicates whether to enable compiler debugging mode
    'paths'=>array(
      'less/style.less'=>'css/style.css',
    ),
  ),
  'bootstrap'=>array(
      'class'=>'ext.bootstrap.components.Bootstrap',
      'responsiveCss'=>true,
  ),

自负的善良有效。我的问题是我正在尝试修改protected \ extensions \ bootstrap \ lib \ bootstrap \ less \ variables.less中的变量：

@gridGutterWidth:         0px;
@gridGutterWidth1200:     0px;
@gridGutterWidth768:      0px;

但是，这些更改并未反映在网站上的任何位置，即使我正在直接编辑变量。这让我相信这不是变数。我必须编辑。

知道如何改变排水沟吗？

更新：我能够编辑以下文件并查看更改：

protected\extensions\bootstrap\assets\css\bootstrap-responsive.css

我改变了：

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

要：

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}

这现在带走了排水沟。但并不能完全解决我的问题。我希望这一切都通过YII和LESS动态发生。我该怎么做？

Answer 1

解决方案是将responsiveCss设置为false：

'bootstrap'=>array(
  'class'=>'ext.bootstrap.components.Bootstrap',
  'responsiveCss'=> false,
),

然后将我的style.less文件更改为包含：

// Import the Bootstrap mixins, operations and functions so that you can use them in this file.
@import "../protected/extensions/bootstrap/lib/bootstrap/less/mixins.less";
@import "../protected/extensions/bootstrap/lib/bootstrap/less/variables.less";
@import "../protected/extensions/bootstrap/lib/bootstrap/less/scaffolding.less";
@import "../protected/extensions/bootstrap/lib/bootstrap/less/responsive.less";

“responsiveCss”出现了混乱，但没有明确解释（任何地方）。基本上，这将从protected \ extensions \ bootstrap \ assets \ css \复制css文件，并将其包含在您的文件中，不做任何修改。我上面提到的是，你将如何从“标准”版本转变为“可定制”的方式。

希望能帮到某个人，因为它浪费了我很多时间，更不用说我现在花在重做css上的时间了。

如何使用YII中的Twitter Bootstrap将装订线尺寸减小到零？

1 个答案: