pana1990
10 years ago
3 changed files with 48 additions and 0 deletions
@ -0,0 +1,17 @@ |
|||||||
|
Asset Bundles |
||||||
|
============= |
||||||
|
|
||||||
|
Bootstrap es una completa solución front-end, que incluye CSS, JavaScript, fuentes y mucho más. |
||||||
|
Con el fin de permitir un control más flexible sobre los componentes de Bootstrap, esta extensión proporciona |
||||||
|
varios asset bundles. |
||||||
|
Ellos son: |
||||||
|
|
||||||
|
- [[yii\bootstrap\BootstrapAsset|BootstrapAsset]] - contiene unicamente los ficheros CSS principales. |
||||||
|
- [[yii\bootstrap\BootstrapPluginAsset|BootstrapPluginAsset]] - depende de [[yii\bootstrap\BootstrapAsset]], contiene ficheros javascript. |
||||||
|
- [[yii\bootstrap\BootstrapThemeAsset|BootstrapThemeAsset]] - depende de [[yii\bootstrap\BootstrapAsset]], contiene el tema CSS por defecto de Bootstrap. |
||||||
|
|
||||||
|
Particularmente las aplicaciones pueden necesitar requerir diferentes usos de bundle (o combinación de bundle). |
||||||
|
Si necesitas unicamente estilos CSS, [[yii\bootstrap\BootstrapAsset]] será suficiente para ti. Sin embargo, si |
||||||
|
quieres usar el JavaScript de Bootstrap, necesitas registrar [[yii\bootstrap\BootstrapPluginAsset]]. |
||||||
|
|
||||||
|
> Consejo: la mayoría de los widgets registran automaticamente [[yii\bootstrap\BootstrapPluginAsset]]. |
@ -0,0 +1,29 @@ |
|||||||
|
Html helper |
||||||
|
=========== |
||||||
|
|
||||||
|
Bootstrap introduce muchas construcciones y esqueletos consistentes de HTML, que permiten crear diferentes efectos visuales. |
||||||
|
Unicamente lo más complejo está cubierto por los widgets proporcionados en esta extensión. El resto debería ser |
||||||
|
compuesto manualmente usando HTML directamente. |
||||||
|
Sin embargo, algunas marcas especiales de Bootstrap son cubiertas por el helper [[\yii\bootstrap\Html]]. |
||||||
|
[[\yii\bootstrap\Html]] es una versión mejorada de la regular [[\yii\helpers\Html]] dedicada a las necesidades de Bootstrap. |
||||||
|
Proporciona varios métodos útiles: |
||||||
|
|
||||||
|
- `icon()` - permite renderizar iconos de Glyphicon |
||||||
|
- `staticControl()` - permite renderizar formularios "static controls" |
||||||
|
|
||||||
|
[[\yii\bootstrap\Html]] hereda todas las funcionalidades disponibles en [[\yii\helpers\Html]] y puede usarse como sustituto, |
||||||
|
así que no es necesario incluir ambos dentro de los archivos de tus vistas. |
||||||
|
Por ejemplo: |
||||||
|
|
||||||
|
```php |
||||||
|
<?php |
||||||
|
use yii\bootstrap\Html; |
||||||
|
?> |
||||||
|
<?= Button::widget([ |
||||||
|
'label' => Html::icon('approve') . Html::encode('Save & apply'), |
||||||
|
'encodeLabel' => false, |
||||||
|
'options' => ['class' => 'btn-primary'], |
||||||
|
]); ?> |
||||||
|
``` |
||||||
|
|
||||||
|
> Atención: no confundas [[\yii\bootstrap\Html]] con [[\yii\helpers\Html]], ten cuidado que clases estás usando dentro de tus vistas. |
Loading…
Reference in new issue