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. Налаштовувати сітку Bootstrap та інші параметри фреймворку (за потребою)
  3. Вмикати ті чи інші компоненти Bootstrap у «результативний» файл стилів

Конфігурація проєкту

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

/_data
/scss
/bootstrap //У цьому каталозі знаходяться змінені нами файли Bootsrap
_bootstrap.scss //Підключені компоненти
_variables.scss //Змінні
style.scss //Зміст підключення інших файлів
template.scss //Стилі проекту
.bowerrc
bower.json
gulpfile.js
package.json
/assets// Містить завантажені бовером скрипти
/image //Зображення та стилі проекту
index.php

читати далі...