A
A
Alexander Karpov2014-09-12 08:26:23
css
Alexander Karpov, 2014-09-12 08:26:23

How to build Bootstrap and less?

A little foreplay!
Hello.
The fact is that I am a web designer and I can make up but only with pens the old fashioned way and without any goodies like frameworks, in this case Bootstrap. I decided to move to a new level and use all the goodies of this framework, including less. But there is a problem - my English is so stingy (and I fix it from time to time) that I can’t fully understand how to assemble from that archive with less, so to speak, a universal assembly with all the goodies.
And now the question.
How to build Bootstrap and less? Perhaps someone has such an assembly, or at least what needs to be cut out of the archive and what to leave.
ps I think this question will be useful for those who also have troubles with English but have a great desire to learn something new.

Answer the question

In order to leave comments, you need to log in

4 answer(s)
E
Ernest, 2014-09-22
@Ernest

For compilation, you can use a completely free (unlike webstorm'a)
winless program.

E
Evgeny Popov, 2014-09-12
@Kaaboeld

If I understand your question correctly, then:
1. take, for example, the less-version from here or from another source.
2. Install node.js
2. Install lessc: npm install -g less
3. Compile bootstrap.less which is the "root" file that contains the includes of other framework modules
3.1. Or "handles": lessc bootstrap.less
3.2. Or we set up your IDE for the same compilation.
...Profit!

A
Alexander Tartmin, 2014-09-12
@baskerville42

The wording of the question is not much wrong =)
LESS is a preprocessor for CSS
Bootstrap sources are written in LESS and styles can be compiled from these sources. So the correct question would be "How to build Bootstrap from less?"
This is done simply. For example, I use the webstorm IDE for layout, which has a wonderful less-compiler plugin. We download the bootstrap sources, read what less is and how to write on it. Disable or include additional files (let's call them bootstrap components) and compile. As a result, we will get a full-fledged css file that can immediately be included in your project. It will also be possible to change colors, sizes and other parts of the framework in the source codes. In general, it will be clearer to you if you read about the preprocessor itself.
www.lesscss.ru
When you grow up to the next new level, look towards Grunt

A
Alex, 2014-12-22
@isqua

Perhaps the answers from the next question (bootstrap version 3.3.1) will suit you, how to configure less to css compilation?

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question