Alexander Makarov
10 years ago
5 changed files with 100 additions and 0 deletions
@ -0,0 +1,27 @@
|
||||
Розширення Twitter Bootstrap для Yii 2 |
||||
====================================== |
||||
|
||||
З коробки Yii включає підтримку розмітки [Bootstrap 3](http://getbootstrap.com/) та компонентів фреймворку |
||||
(також відомий як "Twitter Bootstrap"). Bootstrap є чудовим, адаптивним фреймворком, який може значно прискорити |
||||
процес розробки клієнтської частини сайту. |
||||
|
||||
Ядро Bootstrap представлене двома частинами: |
||||
|
||||
- Основи CSS, такі як система макету сітки, типографія, допоміжні класи і адаптивні утиліти. |
||||
- Готові до використання компоненти, такі як форми, меню, нумерація сторінок (pagination), модальні вікна, вкладки (tabs) і т.д. |
||||
|
||||
Початок роботи |
||||
-------------- |
||||
|
||||
* [Встановлення](installation.md) |
||||
* [Основи використання](basic-usage.md) |
||||
|
||||
Використання |
||||
------------ |
||||
|
||||
* [Віджети Yii](usage-widgets.md) |
||||
|
||||
Додаткові теми |
||||
-------------- |
||||
|
||||
* [Використання .less файлів в Bootstrap](topics-less.md) |
@ -0,0 +1,16 @@
|
||||
Основи використання |
||||
=================== |
||||
|
||||
Yii не загортає основи bootstrap в код PHP, оскільки в цьому випадку, сам по собі HTML є дуже простим. |
||||
Ви можете знайти детальну інформацію щодо використання основ на [сайті документації bootstrap](http://getbootstrap.com/css/). |
||||
Проте Yii забезпечує зручний спосіб підключення ресурсів bootstrap до ваших сторінок за допомогою додання всього одного рядка до файлу |
||||
`AppAsset.php`, розташованого в каталозі `@app/assets`: |
||||
|
||||
```php |
||||
public $depends = [ |
||||
'yii\web\YiiAsset', |
||||
'yii\bootstrap\BootstrapAsset', // цей рядок |
||||
]; |
||||
``` |
||||
|
||||
Використання bootstrap через менеджер ресурсів Yii дозволяє мінімізувати свої ресурси і обʼєднати із вашими власними ресурсами коли це необхідно. |
@ -0,0 +1,20 @@
|
||||
Встановлення |
||||
============ |
||||
|
||||
## Отримання пакету Composer |
||||
|
||||
Кращим способом для встановлення даного розширення є встановлення через [composer](http://getcomposer.org/download/). |
||||
|
||||
Запустіть |
||||
|
||||
``` |
||||
php composer.phar require --prefer-dist yiisoft/yii2-bootstrap |
||||
``` |
||||
|
||||
або додайте |
||||
|
||||
``` |
||||
"yiisoft/yii2-bootstrap": "~2.0.0" |
||||
``` |
||||
|
||||
до потрібного розділу вашого файлу `composer.json`. |
@ -0,0 +1,18 @@
|
||||
Використання .less файлів в Bootstrap |
||||
===================================== |
||||
|
||||
Якщо ви хочете включити [CSS Bootstrap напряму до ваших less файлів](http://getbootstrap.com/getting-started/#customizing) |
||||
вам необхідно відключити завантаження оригінальних css файлів bootstrap. |
||||
Ви можете зробити це, встановивши CSS властивість [[yii\bootstrap\BootstrapAsset|BootstrapAsset]] порожньою. |
||||
Для цього вам необхідно налаштувати [компонент додатка](https://github.com/yiisoft/yii2/blob/master/docs/guide/structure-application-components.md) |
||||
`assetManager` наступним чином: |
||||
|
||||
```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