0

私はこの拡張機能を使用しています: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 \ extends \ bootstrap \ lib \ bootstrap \ less\variables.lessの変数を変更しようとしていることです。

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

ただし、variables.lessを直接編集している場合でも、これらの変更はサイトのどこにも反映されません。これは私がそれが変数ではないことを信じるように私を導きます。私が編集しなければならないことを除いて。

側溝を変更する方法はありますか?

更新:次のファイルを編集して変更を確認することができました:

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を介して動的に発生することを望んでいました。それ、どうやったら出来るの?

4

1 に答える 1

0

解決策は、responseCssを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";

混乱は「responseCss」で発生しましたが、これは(どこでも)明確に説明されていませんでした。基本的に、これはcssファイルをprotected \ extends \ bootstrap \ Assets \ css \からコピーし、変更せずにファイルに含めます。上で述べたのは、「標準」バージョンからこの「カスタマイズ可能な」方法に移行する方法です。

私が今cssをやり直すのに費やさなければならない時間は言うまでもなく、私の時間の多くを無駄にしたので、それが誰かを助けることを願っています。

于 2012-11-27T15:34:05.023 に答える