Bootstrap

Как в Yii2 отключить Bootstrap
Как в Yii2 отключить Bootstrap

По умолчанию, Yii2 поставляется совместно с Bootstrap фреймворком. И после установки какой либо из конфигураций (basic или advanced), вы увидите стартовую страницу стилизованную с помощью Bootstrap. В данном случае (и возможно во всех последующих), ничего плохого в этом нет, ведь это всего лишь заглушка, а не сайт на продакшине. Но а что если заказчик, или студия решила отойти от столь популярного решения в виде Bootstrap, а выбрала к примеру materializecss? Да, в этом случае нам понадобится отключить Bootstrap, и подключить materializecss фреймворк (или любой другой который придет вам по вкусу).

И первое что нам придется сделать, это отказаться от готовых решений bootstrap, предоставляемых разработчиками yii.

Второе, в файле ресурсов (в basic, это фай - /assets/AppAsset.php), отключить поддержку Bootstrap:

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
    ];
    public $depends = [
        'yiiwebYiiAsset',
        'yiibootstrapBootstrapAsset',
    ];
}

удалив строку:

'yiibootstrapBootstrapAsset',

читать полностью...

Кастомная верстка на Bootstrap 3
Кастомная верстка на Bootstrap 3

Здравствуйте! В этой статья, хочу описать свой опыт кастомной верстки, с использованием фреймворка Bootstrap 3.

Чем именно мы займемся?

  1. Научимся устанавливать SCSS версию Bootstrap через Bower
  2. Настраивать сетку бутстрапа и другие параметры фреймворка (по необходимости)
  3. Включать те или иные компоненты Bootstrap в «результативный» файл стилей

Конфигурация проекта

Для начала, давайте определимся со структурой каталогов нашего проекта. Возьмем к примеру следующий:

[sourcecode]
/_data
/scss
/bootstrap //В этом каталоге находятся измененные нами файлы Bootsrap
_bootstrap.scss //Подключенные компоненты
_variables.scss //Переменные
style.scss //Содержит подключения других файлов
template.scss //Стили проекта
.bowerrc
bower.json
gulpfile.js
package.json
/assets //Содержит загруженные бовером скрипты
/image //Изображения и стили проекта
index.php
[/sourcecode]

читать полностью...