Как сделать сборку Bootstrapa и less?

Question

[Alexander Karpov]

Небольшая прелюдия!
Всем привет.
Дело в том что я веб-дизайнер и умею верстать но только ручками по старинке и без всяких плюшек типо фреймворков, в данном случае Bootstrap. Решил перейти на более новый уровень и использовать все плюшки данного фреймворка, в том числе и less. Но есть проблема - мой английский на столько скуп (и я это исправляю время от времени) что до конца не могу понять как собрать из того архива с less так сказать универсальную сборку со всеми плюшками.
А теперь вопрос.
Как сделать сборку Bootstrapa и less? Возможно у кого-то есть такая сборка, ну или хотя бы что нужно выпилить из архива и что оставить.

p.s. думаю данный вопрос будет полезным для тех у кого тоже траблы с инглишом но есть большое желание научиться чему-то новому.

Answer 1

[Ernest]

Для компиляции можно использовать совершенно бесплатную (в отличии от webstorm'а)
программку winless.

Answer 2

[Евгений Попов]

Если я правильно понял ваш вопрос, то:
1. берем, например отсюда less-версию или из другого источника.
2. Устанавливаем node.js
2. Устанавливаем lessc: npm install -g less
3. Компилируем bootstrap.less который является "корневым" файлом в котором расположены инклюды других модулей фреймворка
3.1. Либо "ручками": lessc bootstrap.less
3.2. Либо настраиваем вашу IDE для той же самой компиляции.
... Profit!

Comments

[Alexander Karpov]

ближе к комментарию @baskerville42

Answer 3

[Alexander Tartmin]

Не много не правильная формулировка вопроса =)
LESS это препроцессор для CSS
Исходники бустрэпа написаны на LESS-е и с этих исходников можно скомпилировать стили. Так что правильно вопрос будет звучать "Как сделать сборку Bootstrapa из less?"
Делается это просто. Я к примеру использую для верстки IDE webstorm в котором есть замечательный плагин less-compiler. Качаем исходники бутстрепа, читаем что такое less и как на нём писать. Отключаем или подключаем дополнительные файлы (назовём их компонентами бутсрэпа) и компилируем. На выходе мы получим полноценный css файл который сразу можно будет подключать в Ваш проект. Так же в исходниках можно будет изменять цвета, размеры и прочие части фреймворка. В общем будет Вам понятней если Вы почитаете о самом препроцессоре.
www.lesscss.ru
Когда уже подрастёте до очередного нового уровня, гляньте в сторону Grunt

Comments

[Alexander Karpov]

@baskerville42 Вы почти подошли к истене. Но как работает less я знаю. Проблема в другом при скачивании архива бутстрапа с лесс там куча файлов, с непонятными для дизайнера расширениями)) мне бы хотелось оставить только самое нужное.

к примеру. все фичи бутстрапа и лесса. + 4 текстовой страницы к примеру первые 2 с резиновой версткой и прижатым подвалом и не резиновой версткой и прижатым подвалом. и тоже самое без прижатого подвала.

просто в той каше что я скачал - я не разобрался. а в том примере который я описал выше - разобраться было бы гораздо проще

[Singularity]

nodejs.org/download скачай себе nodejs и найди как у тебя в винде открываеться консоль.

[Alexander Karpov]

@Singularity не суди и судим не будешь - знаете такую фразу? Если вы что-то знаете я за Вас безумно рад, но то что знаете вы, другие могут этого не знать.
и из вашего комментария я ничего существенного не подчеркнул.

[Alexander Tartmin]

@AlexAstro Смотрите, сам бутстрэп из сябе представляет следующее: директории less, dist, fonts, js в которых лежат исходники less, скомпилированные css файлы и js файлы готовые к использованию, иконочные шрифты и плагины для жеквери. Остальное для Вас не нужно и интереса пока представлять не будет. Примеры сайтов Вы найдёте по адресу getbootstrap.com .

Answer 4

[Alex]

Возможно, вам подойдут ответы из соседнего вопроса ( версия bootstrap'а 3.3.1) как настроить компиляцию less в css?