На сайте Bootstrap 3 есть вариант скачки Sass, почему?

Question

[vohe]

Что это такое Sass и для чего?
Почему нужно использовать этот Sass вариант?
Какие преимущества по сравнению с обычной версией на практике?
Нужно ли изменять как то CSS код на существующем сайте если подключить к нему этот Sass вариант?

Answer 1

[littleguga]

Прочитайте: wiki , frontender magazine, офф сайт

Answer 2

[kapuletti]

SASS это препроцессор. Грубо говоря, это такой метод написания CSS с дополнительными возможностями, типа примешиваний, переменных, функций и пр. Вы пишете style.scss файл, потом через SASS-компилятор на выходе получаете готовый CSS. Если пишете на SASS, то генерируемый CSS файл трогать не нужно, он будет перезаписываться каждый раз при компиляции.

Если вы про эти 3 варианта скачивания: getbootstrap.com/getting-started/#download
то самый первый - это уже скомпилированная CSS-версия, в ней нет исходников в LESS (еще один препроцессор) и SASS. Далее идет LESS-версия, она включает в себя LESS-файлы. И 3 ссылка это SASS-версия.

Если вы планируете переделывать дефолтный Bootstrap, например, менять кнопки, цвета, шрифты, то конечно лучше изучить какой-нибудь из препроцессоров и делать это в исходниках, нежели исправлять в сотни местах одни и те же строчки :)

Comments

[Игорь]

не обязательно в "сотни местах исправлять одни и те же строчки" :). Можно подключить на странице свой css файл ниже css bootstrap и переопределить нужные стили в нем. На сайте bootstrap об этом упоминается.

[Web_Questions]

Игорь: Так же написано там что это лучше будет для новичков, а предпочтительный вариант LESS

[kapuletti]

Игорь: можно, а вы пробовали? Банально кнопки, например поменять. Геморройно это.

[Игорь]

kapuletti: пробовал. Все нормально. Вопрос в в том что нужно. Если нужно там цвет кнопочки поменять или скругление рамки убрать, например, то почему бы и нет? Если задача перекроить Bootstrap, тогда нужно искать другое решение.