5 changed files with 97 additions and 0 deletions
			
			
		| @ -0,0 +1,27 @@ | |||||||
|  | Yii 2 Twitter Bootstrap エクステンション | ||||||
|  | ======================================== | ||||||
|  | 
 | ||||||
|  | このエクステンションは、マークアップとコンポーネントのフレームワーク [Bootstrap 3](http://getbootstrap.com/) ("Twitter Bootstrap" としても知られています) に対するサポートを提供します。 | ||||||
|  | Bootstrap は優れた、レスポンシブなフレームワークであり、クライアント側の開発プロセスを大いにスピードアップすることが出来るものです。 | ||||||
|  | 
 | ||||||
|  | Bootstrap のコアは二つの部分によって表されます。 | ||||||
|  | 
 | ||||||
|  | - CSS の基礎。例えば、グリッド・レイアウト・システム、タイポグラフィ、ヘルパ・クラス、レスポンシブ・ユーティリティなど。 | ||||||
|  | - そのまま使えるコンポーネント。フォーム、メニュー、ページネーション、モーダル・ボックス、タブなど。 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 始めよう | ||||||
|  | -------- | ||||||
|  | 
 | ||||||
|  | * [インストール](installation.md) | ||||||
|  | * [基本的な使用方法](basic-usage.md) | ||||||
|  | 
 | ||||||
|  | 使用方法 | ||||||
|  | -------- | ||||||
|  | 
 | ||||||
|  | * [Yii ウィジェット](usage-widgets.md) | ||||||
|  | 
 | ||||||
|  | 追加のトピック | ||||||
|  | -------------- | ||||||
|  | 
 | ||||||
|  | * [Bootstrap の .less ファイルを直接に使う](topics-less.md) | ||||||
| @ -0,0 +1,17 @@ | |||||||
|  | 基本的な使用方法 | ||||||
|  | ================ | ||||||
|  | 
 | ||||||
|  | Yii は bootstrap の基礎を PHP コードでラップすることをしていません。 | ||||||
|  | なぜなら、この場合の HTML コードがそれ自体として非常にシンプルだからです。 | ||||||
|  | bootstrap の基礎を使用することに関する詳細は、[bootstrap ドキュメントウェブサイト](http://getbootstrap.com/css/) で見ることが出来ます。 | ||||||
|  | それでも、Yii はあなたのページに bootstrap のアセットをインクルードするための便利な方法を提供しています。 | ||||||
|  | `@app/assets` ディレクトリに配置されている `AppAsset.php` に一行を加えるだけで大丈夫です。 | ||||||
|  | 
 | ||||||
|  | ```php | ||||||
|  | public $depends = [ | ||||||
|  |     'yii\web\YiiAsset', | ||||||
|  |     'yii\bootstrap\BootstrapAsset', // この行です | ||||||
|  | ]; | ||||||
|  | ``` | ||||||
|  | 
 | ||||||
|  | Yii のアセットマネージャによって bootstrap を使うと、必要に応じて、bootstrap のリソースを最小化したり、あなた自身のリソースと結合したりすることが出来ます。 | ||||||
| @ -0,0 +1,18 @@ | |||||||
|  | インストール | ||||||
|  | ============ | ||||||
|  | 
 | ||||||
|  | ## Composer パッケージを取得する | ||||||
|  | 
 | ||||||
|  | このエクステンションをインストールするのに推奨される方法は [composer](http://getcomposer.org/download/) によるものです。 | ||||||
|  | 
 | ||||||
|  | 下記のコマンドを実行してください。 | ||||||
|  | 
 | ||||||
|  | ``` | ||||||
|  | php composer.phar require --prefer-dist yiisoft/yii2-bootstrap | ||||||
|  | ``` | ||||||
|  | 
 | ||||||
|  | または、あなたの `composer.json` ファイルの `require` セクションに、下記を追加してください。 | ||||||
|  | 
 | ||||||
|  | ``` | ||||||
|  | "yiisoft/yii2-bootstrap": "~2.0.0" | ||||||
|  | ``` | ||||||
| @ -0,0 +1,16 @@ | |||||||
|  | Bootstrap の .less ファイルを直接に使う | ||||||
|  | ======================================= | ||||||
|  | 
 | ||||||
|  | あなたが [Bootstrap CSS をあなたの less ファイルに直接含める](http://getbootstrap.com/getting-started/#customizing) ことを望む場合は、オリジナルの CSS ファイルがロードされないように無効化する必要があります。 | ||||||
|  | [[yii\bootstrap\BootstrapAsset|BootstrapAsset]] の `css` プロパティを空に設定することによって、そうすることが出来ます。 | ||||||
|  | そのためには、`assetManager` [アプリケーション・コンポーネント](https://github.com/yiisoft/yii2/blob/master/docs/guide-ja/structure-application-components.md) を以下のように構成します。 | ||||||
|  | 
 | ||||||
|  | ```php | ||||||
|  |     'assetManager' => [ | ||||||
|  |         'bundles' => [ | ||||||
|  |             'yii\bootstrap\BootstrapAsset' => [ | ||||||
|  |                 'css' => [], | ||||||
|  |             ] | ||||||
|  |         ] | ||||||
|  |     ] | ||||||
|  | ``` | ||||||
| @ -0,0 +1,19 @@ | |||||||
|  | Yii ウィジェット | ||||||
|  | ================ | ||||||
|  | 
 | ||||||
|  | 複雑な bootstrap コンポーネントのほとんどは Yii ウィジェットでラップされて、より堅牢な構文を与えられ、フレームワークの諸機能と統合されています。 | ||||||
|  | 全てのウィジェットは `\yii\bootstrap` 名前空間に属します。 | ||||||
|  | 
 | ||||||
|  | - [[yii\bootstrap\ActiveForm|ActiveForm]] | ||||||
|  | - [[yii\bootstrap\Alert|Alert]] | ||||||
|  | - [[yii\bootstrap\Button|Button]] | ||||||
|  | - [[yii\bootstrap\ButtonDropdown|ButtonDropdown]] | ||||||
|  | - [[yii\bootstrap\ButtonGroup|ButtonGroup]] | ||||||
|  | - [[yii\bootstrap\Carousel|Carousel]] | ||||||
|  | - [[yii\bootstrap\Collapse|Collapse]] | ||||||
|  | - [[yii\bootstrap\Dropdown|Dropdown]] | ||||||
|  | - [[yii\bootstrap\Modal|Modal]] | ||||||
|  | - [[yii\bootstrap\Nav|Nav]] | ||||||
|  | - [[yii\bootstrap\NavBar|NavBar]] | ||||||
|  | - [[yii\bootstrap\Progress|Progress]] | ||||||
|  | - [[yii\bootstrap\Tabs|Tabs]] | ||||||
					Loading…
					
					
				
		Reference in new issue