Верстка

Здравствуйте! У цій статті хочу описати свій досвід кастомної верстки з використанням фреймворку 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

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