4

私は php Framework Yii を使用しており、Twitter Bootstrap Framework と組み合わせて使用​​したいと考えています。

こことまったく同じ手順を実行しました: 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 フォルダーは: project-name/protected/extensions/bootstrap/assets/css/
  • project-name/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 in project-nameフォルダー):

    $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フォルダーには、extensions/bootstrap/フォルダーのbootstrap.lessと編集した単一のファイルをインポートするstyle.lessファイルがあります。そこで、他のファイルの変数を使用するときに注意を払う必要があります。次に、変数が定義されているファイルをいくつかインポートする必要があります。

于 2012-05-25T11:03:11.960 に答える