Nobuo Kihara
10 years ago
3 changed files with 46 additions and 0 deletions
@ -0,0 +1,16 @@ |
|||||||
|
アセットバンドル |
||||||
|
================ |
||||||
|
|
||||||
|
Bootstrap は、CSS、JavaScript、フォントなどを含む複雑なフロントエンドソリューションです。 |
||||||
|
Bootstrap コンポーネントに対する最大限の柔軟な制御を可能にするために、このエクステンションはアセットバンドルをいくつかに分けて提供しています。 |
||||||
|
すなわち、 |
||||||
|
|
||||||
|
- [[yii\bootstrap\BootstrapAsset|BootstrapAsset]] - メインの CSS ファイルのみを含みます。 |
||||||
|
- [[yii\bootstrap\BootstrapPluginAsset|BootstrapPluginAsset]] - [[yii\bootstrap\BootstrapAsset]] に依存し、javascript ファイルを含みます。 |
||||||
|
- [[yii\bootstrap\BootstrapThemeAsset|BootstrapThemeAsset]] - [[yii\bootstrap\BootstrapAsset]] に依存し、Bootstrap のデフォルトテーマの CSS を含みます。 |
||||||
|
|
||||||
|
個々のアプリケーションは、その要求に応じて、異なるバンドル (またはバンドルの組み合わせ) を必要とするでしょう。 |
||||||
|
CSS のスタイルだけが必要なのであれば、[[yii\bootstrap\BootstrapAsset]] だけで十分です。 |
||||||
|
しかし、Bootstrap の JavaScript を必要とする場合は、[[yii\bootstrap\BootstrapPluginAsset]] を登録しなければなりません。 |
||||||
|
|
||||||
|
> Tip|ヒント: ほとんどのウィジェットは [[yii\bootstrap\BootstrapPluginAsset]] を自動的に登録します。 |
@ -0,0 +1,28 @@ |
|||||||
|
Html ヘルパ |
||||||
|
=========== |
||||||
|
|
||||||
|
Bootstrap は、一貫性の高い多数の HTML 構文ないしはスケルトンを導入して、さまざまな視覚的効果の生成を可能にしています。 |
||||||
|
このエクステンションによって提供されるウィジェットがカバーしているのは、その中の最も複雑なものだけです。 |
||||||
|
残りのものは、直接に HTML 構文を使って、手作業で構築しなければなりません。 |
||||||
|
ただし、いくつかの特別な Bootstrap マークアップについては、[[\yii\bootstrap\Html]] によってカバーされています。 |
||||||
|
[[\yii\bootstrap\Html]] は通常の [[\yii\helpers\Html]] の拡張版であり、Bootstrap の要求に特化して、いくつかの便利なメソッドを提供するものです。 |
||||||
|
|
||||||
|
- `icon()` - Glyphicon のアイコンのレンダリングを可能にする |
||||||
|
- `staticControl()` - フォームの "static controls" のレンダリングを可能にする |
||||||
|
|
||||||
|
[[\yii\bootstrap\Html]] は [[\yii\helpers\Html]] で利用できる全ての機能を継承しており、その代替物として使うことが出来ますので、ビューファイルの中で両方を使う必要はありません。 |
||||||
|
例えば、 |
||||||
|
|
||||||
|
```php |
||||||
|
<?php |
||||||
|
use yii\bootstrap\Html; |
||||||
|
?> |
||||||
|
<?= Button::widget([ |
||||||
|
'label' => Html::icon('approve') . Html::encode('Save & apply'), |
||||||
|
'encodeLabel' => false, |
||||||
|
'options' => ['class' => 'btn-primary'], |
||||||
|
]); ?> |
||||||
|
``` |
||||||
|
|
||||||
|
> 注意: [[\yii\bootstrap\Html]] と [[\yii\helpers\Html]] を混同してはいけません。 |
||||||
|
ビューの中でどちらのクラスを使っているのかに注意してください。 |
Loading…
Reference in new issue