Работа с bootstrap на уровне less какой подход правильный?

Question

[Web_Questions]

Наткнулся на статью
habrahabr.ru/post/211032
где мы просто переопределяем стили бутстрапа своими, я подумал может лучше редактировать исходники ?
Если я мыслю правильно то подскажите, мне компилировать все less файлы бустрапа в один файл по примеру bootstrap.min.css ?
как вообще вы работаете с bootstrap на уровне less
я только учусь, буду благодарен грамотным советам

Answer 1

[Дмитрий Ким]

Редактируя исходники, вы лишаетесь возможности перехода от версии к версии, например от 3.0 к 3.1. А если просто переписываете классы, то сносите старую папку и вставляете новую. А тема ваша так и остается.
А вообще берите сорцы бутстрапа, а именно все less файлы, рядом кладите файл, где переназначаете все значения переменных, и потом компилируете их в css. Я пользуюсь winless например.

Comments

[Web_Questions]

Дмитрий Ким то есть это правильно?

[Дмитрий Ким]

Web_Questions: правильнее так, как я написал во втором абзаце, по-моему мнению.

[Web_Questions]

Web_Questions: И я задаюсь вопросом, например есть два класса а есть один класс и мы его переопределяем, что даст большую нагрузку как считаете?

[Web_Questions]

Дмитрий Ким: извиняюсь сорцы это что?)

[Дмитрий Ким]

Web_Questions: на сайте бутстрапа есть возможность скачать уже готовые css файлы, а можно скачать less исходники, из которых потом этот css собирается. Вот это вам и нужно скачать.

[Дмитрий Ким]

Web_Questions: воспользуйтесь компилятором, и он сделает так, что вы не заметите переопределения. Т.е. класс в итоговом css файле будет иметь уже помледние свойства.

[Web_Questions]

Дмитрий Ким: воспользуйтесь компилятором, и он сделает так, что вы не заметите переопределения. Т.е. класс в итоговом css файле будет иметь уже помледние свойства.

это как ведь мы переопределяем их в свой ксс а не бутстраповский)
или мне нужно подключать мои less в bootstrap.min.css
в статье мы компилируем в свои файлы

[Дмитрий Ким]

Было, например:
.red {color: red;}
Вы в своем файле перепределеяете:
.red {color: blue;}
В итоге получается:
.red {color: blue;}

[Web_Questions]

Дмитрий Ким: в итоге где в браузере?

[Сергей]

Web_Questions: освойте сначала less, потом вопросы отпадут

[Сергей]

Web_Questions: ну вам уже сказали все что могли. вам нужно только сделать как сказали

Answer 2

[Денис Инешин]

Чтобы собирать LESS/SASS в один файл используйте систему сборки, например Gulp или Grunt.

Исходники проекта редактировать не рекомендуется. Помните что это фреймворк, вы используете его как есть, но при этом дописываете сверху свои плагины и фичи. Это позволяет сохранять гибкую структуру проекта.

Comments

[Web_Questions]

Денис Инешин а как мне заменять своими файлами less то что компилирует bootstrap подскажите, я использую simpleless, или просто сверху заменяем все? переопределяем так сказать