Alexander Makarov
10 years ago
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