pana1990
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