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