CSS preprocessor for bootstrap. how to implement?

Question

css

Good evening. As I understand this process:
1. Download Bootstrap, then Source Less from the office. site.
2. In html, everything is as in the instructions

<link href="css/bootstrap.min.css" rel="stylesheet">

3. I go through Prepros to the less folder, open variables, for example, change something in it. But I can not understand where to set the compilation path of these files. To the bootstrap.css file that is connected to the html? And such a path needs to be written to each file in the less folder? Or do you need to create a separate .less file and do all the changes in it, and connect it to bootstrap.css as well?
I can not understand the principle of operation ..
Thanks in advance for the answer.

Answer 1

import in the main file less. Of course, provided that all less are compiled into one file.
@import "bootstrap.min.css";

Answer 2

Perhaps the comments from the next question will help you: (bootstrap version 3.3.1) how to configure less to css compilation?