Здравствуйте! В этой статья, хочу описать свой опыт кастомной верстки, с использованием фреймворка Bootstrap 3.
Чем именно мы займемся?
- Научимся устанавливать SCSS версию Bootstrap через Bower
- Настраивать сетку бутстрапа и другие параметры фреймворка (по необходимости)
- Включать те или иные компоненты 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]
читать полностью...