Yii yii-bootstrap拡張の追加
BootstrapはTwitterが発売したオープンソースのフロントエンド開発用のツールパッケージです.TwitterのデザイナーMark OttoとJacob Thorntonが共同で開発したCSS/HTMLフレームワークです.Bootstrapは、動的CSS言語Lessによって書かれた優雅なHTMLとCSS仕様を提供しています.Bootstrapは発売されると人気があり、NASAのMSNBC(マイクロソフト全国放送)のBreaking Newsを含むGitHub上の人気オープンソースプロジェクトとして使われてきた.
利点はウェブサイトの開発を加速させることであり、phpプログラムにとって、米工が特に強くなく進度を要求すれば、BootstrapというWEBフレームワークを使用することを考慮することができる.
Yiiにyii-bootstrap拡張子を追加する方法について説明します.
第一歩:まずは公式サイトへ
http://www.yiiframework.com/extension/yii-bootstrap/拡張パッケージをダウンロードし、作成したYiiのプロジェクトフォルダに解凍するprotectedextensionsディレクトリはbootstrapフォルダを形成し、私はD:wampwwwTestYiDemoprotectedextensionsフォルダに解凍します.
ステップ2:プロファイルでの設定:
エイリアスを構成するとbootstrapが拡張パスにアクセスできるようになります
ステップ3:cssをロードする:これは重要です.ここにいるよphpでロード
bootstrap->register();?>これはすべてのcssとjsがロードされています.これ以上必要でなければ、Bootstrapを表示することができます.phpファイルは、registerAllCss()、registerCoreScripts()などの方法で、それぞれ必要なファイルをロードできます!
ステップ4:
http://cniska.net/yii-bootstrap/(ps:このサイトはなかなか開かないけど、プロのyii bootstrPのdemo)ここにはいろいろな例があるので、適当に探してみてください!
利点はウェブサイトの開発を加速させることであり、phpプログラムにとって、米工が特に強くなく進度を要求すれば、BootstrapというWEBフレームワークを使用することを考慮することができる.
Yiiにyii-bootstrap拡張子を追加する方法について説明します.
第一歩:まずは公式サイトへ
http://www.yiiframework.com/extension/yii-bootstrap/拡張パッケージをダウンロードし、作成したYiiのプロジェクトフォルダに解凍するprotectedextensionsディレクトリはbootstrapフォルダを形成し、私はD:wampwwwTestYiDemoprotectedextensionsフォルダに解凍します.
ステップ2:プロファイルでの設定:
エイリアスを構成するとbootstrapが拡張パスにアクセスできるようになります
Yii::setPathOfAlias('bootstrap', dirname(__FILE__).'/../extensions/bootstrap');
return array(
// 'theme'=>'bootstrap', // ，
'modules'=>array(
'gii'=>array(
'generatorPaths'=>array( // gii
'bootstrap.gii',
),
),
),
'components'=>array(
'bootstrap'=>array(// bootstrap
'class'=>'bootstrap.components.Bootstrap', // Bootstrap.php
),
),
);ステップ3:cssをロードする:これは重要です.ここにいるよphpでロード
bootstrap->register();?>これはすべてのcssとjsがロードされています.これ以上必要でなければ、Bootstrapを表示することができます.phpファイルは、registerAllCss()、registerCoreScripts()などの方法で、それぞれ必要なファイルをロードできます!
ステップ4:
http://cniska.net/yii-bootstrap/(ps:このサイトはなかなか開かないけど、プロのyii bootstrPのdemo)ここにはいろいろな例があるので、適当に探してみてください!