Bootstrap для Yii2 кастомизация

Думаю что все известно, что Twitter Bootstrap можно довольно сильно и легко кастомизировать. Однако Yii2 использует в виджетах свою версию бутстрапа. Поэтому даже если захардкодить свой бутстрап в тему, то при подключении виджетов будут грузиться стили и плагины от yiisoft. Кроме того захардкоденый бустрап нельзя минифицировать через Yii2. Поэтому лучше таки делать всё по правильному. Это не сложно.

Кастомизируем bootstrap и кладем все что в архиве в одну папку. Скажем назовем её bootstrap, и положим в корень @webroot. Затем открываем конфиг web.php и в компоненты пишем, чтобы получилось что-то вроде:

<?php
    'components' => [
        // ...
        'assetManager' => [
            'bundles' => [
                'yii\bootstrap\BootstrapAsset' => [
                    'sourcePath' => '@webroot/bootstrap/',
                    'css' => [
                        'css/bootstrap.min.css',
                        'css/bootstrap-theme.min.css'
                    ],
                ],
                'yii\bootstrap\BootstrapPluginAsset' => [
                    'sourcePath' => '@webroot/bootstrap/',
                    'js' => ['js/bootstrap.min.js']
                ],
            ],
        ],

    ],
?>

<?php

'components' => [

// ...

'assetManager' => [

'bundles' => [

'yii\bootstrap\BootstrapAsset' => [

'sourcePath' => '@webroot/bootstrap/',

'css' => [

'css/bootstrap.min.css',

'css/bootstrap-theme.min.css'

'yii\bootstrap\BootstrapPluginAsset' => [

'sourcePath' => '@webroot/bootstrap/',

'js' => ['js/bootstrap.min.js']

По хорошему bootstrap-theme.min.css лучше бы было добавить в секцию ‘yii\bootstrap\BootstrapThemeAsset’ и активировать её в асетах.

При необходимости в ассеты AppAsset.php можно добавить:

    class AppAsset extends AssetBundle
    {
        // что-то ещё ....
        public $depends = [
            'yii\web\YiiAsset',
            'yii\bootstrap\BootstrapAsset',
            //'yii\bootstrap\BootstrapThemeAsset',
            'yii\bootstrap\BootstrapPluginAsset',
        ];
    }

class AppAsset extends AssetBundle

{

// что-то ещё ....

public $depends = [

'yii\web\YiiAsset',

'yii\bootstrap\BootstrapAsset',

//'yii\bootstrap\BootstrapThemeAsset',

'yii\bootstrap\BootstrapPluginAsset',

];

}

Похожие статьи