Alexander Makarov
10 years ago
5 changed files with 100 additions and 0 deletions
@ -0,0 +1,27 @@ |
|||||||
|
Extensión Twitter Bootstrap para Yii 2 |
||||||
|
====================================== |
||||||
|
|
||||||
|
La extensión incluye soporte para el marcado de [Bootstrap 3](http://getbootstrap.com/) y los componentes del framework |
||||||
|
(también conocido como "Twitter Bootstrap"). Bootstrap es un excelente framework responsivo que puede acelerar |
||||||
|
enormemente el proceso de desarrollo del lado del cliente. |
||||||
|
|
||||||
|
El núcleo de Boostrap está representado por dos partes: |
||||||
|
|
||||||
|
- Bases de CSS, tales como un sistema de cuadriculas, tipografía, clases de ayuda, y utilidades responsivas. |
||||||
|
- Componentes listos para usar, tales como formularios, menús, paginación, cajas modales, tabs, etc. |
||||||
|
|
||||||
|
Pasos Iniciales |
||||||
|
--------------- |
||||||
|
|
||||||
|
* [Instalación](installation.md) |
||||||
|
* [Uso Básico](basic-usage.md) |
||||||
|
|
||||||
|
Uso |
||||||
|
--- |
||||||
|
|
||||||
|
* [Yii widgets](usage-widgets.md) |
||||||
|
|
||||||
|
Topics Adicionales |
||||||
|
------------------ |
||||||
|
|
||||||
|
* [Usando directamente los ficheros .less de Bootstrap](topics-less.md) |
@ -0,0 +1,16 @@ |
|||||||
|
Uso Básico |
||||||
|
========== |
||||||
|
|
||||||
|
Yii no se ajusta a los conceptos básicos de bootstrap dentro del código PHP, desde el HTML es muy simple en si mismo |
||||||
|
en este caso. Puedes encontrar los detalles sobre el uso de los conceptos básicos en la [web de bootstrap](http://getbootstrap.com/css/).Yii proporciona una manera de incluir los assets de bootstrap en tus páginas añadiendo una única linea a `AppAsset.php` localizado en tu |
||||||
|
directorio `@app/assets`: |
||||||
|
|
||||||
|
```php |
||||||
|
public $depends = [ |
||||||
|
'yii\web\YiiAsset', |
||||||
|
'yii\bootstrap\BootstrapAsset', // esta linea |
||||||
|
]; |
||||||
|
``` |
||||||
|
|
||||||
|
Usando bootstrap a través de Yii asset manager permite que minimices los recursos y combinarlos con tus propios recursos |
||||||
|
cuando lo necesites. |
@ -0,0 +1,20 @@ |
|||||||
|
Instalación |
||||||
|
=========== |
||||||
|
|
||||||
|
## Obteniendo el Paquete de Composer |
||||||
|
|
||||||
|
La mejor manera para instalar esta extensión es a través de [composer](http://getcomposer.org/download/). |
||||||
|
|
||||||
|
Ejecuta |
||||||
|
|
||||||
|
``` |
||||||
|
php composer.phar require --prefer-dist yiisoft/yii2-bootstrap |
||||||
|
``` |
||||||
|
|
||||||
|
o añade |
||||||
|
|
||||||
|
``` |
||||||
|
"yiisoft/yii2-bootstrap": "~2.0.0" |
||||||
|
``` |
||||||
|
|
||||||
|
en la sección require de tu fichero `composer.json`. |
@ -0,0 +1,17 @@ |
|||||||
|
Usando directamente los ficheros .less de Bootstrap |
||||||
|
=================================================== |
||||||
|
|
||||||
|
Si deseas incluir el [css de Bootstrap directamente en tus ficheros less](http://getbootstrap.com/getting-started/#customizing) puedes necesitar deshabilitar los ficheros css de bootstrap originales para ser cargados. |
||||||
|
Puedes hacer esto mediante la configuración de la propiedad css de [[yii\bootstrap\BootstrapAsset|BootstrapAsset]] asignando |
||||||
|
un array vacio. |
||||||
|
Para esto necesitas configurar el `assetManager` [componente de aplicación](https://github.com/yiisoft/yii2/blob/master/docs/guide-es/structure-application-components.md) como a continuación: |
||||||
|
|
||||||
|
```php |
||||||
|
'assetManager' => [ |
||||||
|
'bundles' => [ |
||||||
|
'yii\bootstrap\BootstrapAsset' => [ |
||||||
|
'css' => [], |
||||||
|
] |
||||||
|
] |
||||||
|
] |
||||||
|
``` |
@ -0,0 +1,20 @@ |
|||||||
|
Yii widgets |
||||||
|
=========== |
||||||
|
|
||||||
|
La mayoría de los componentes de bootstrap son envueltos dentro de Yii widgets lo que permite una sintaxis |
||||||
|
más robusta y poder integrarse con las características del framework. Todos los widgets pertenecen |
||||||
|
al namespace `\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