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

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

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

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

 

12 июня 2016 |

5 Комментариев к “Bootstrap для Yii2 кастомизация”

  1. Домовой 21 декабря, 2017

    Я ,вроде, прогер, но ничего не понял из статьи… Например: “Кастомизируем bootstrap и кладем все что в архиве в одну папку” – что тут сделать-то надо?

  2. Домовой 21 декабря, 2017

    Кстати, на сайте не работают комментарии. После отправки перенаправляет на несуществующую страницу

  3. Azzrael 4 января, 2018

    Комменты поправил.

  4. Azzrael 4 января, 2018

    В статье есть ссылка на сайт бутстрапа, где можно собрать его кастомную сборку. То есть настроить цвета, стили и все такое. Внизу той страницы есть кнопка Compile and Download, которая соберет все с вашими настройками, упакует в архив, а вы его скачаете, чтобы использовать в любом своем проекте, в т.ч. и на Yii2. Там вроде все очевидно и, в любом случае, статья не про сборку кастома, а про подвязку его к Yii2 ;)

  5. StKevich 11 января, 2018

    Все таки, наверное не sourcePath, а basePath…

Есть что сказать по теме статьи? Пожалуйста - пишите!