Explain in clear language what it is?
I am writing the first layout of the site and thought about its adaptability on screens with different resolutions + I also need to add a slider. I read and understood that I need to use Bootstrap, but I cannot understand its function and how can I solve all of the above issues.
What to do with the layout? To rewrite everything again, or what?
And where is the best place to learn Bootstrap?
Answer 1, authority 100%
Bootstrap & nbsp; – a constructor with a set of ready-made solutions. On & nbsp; it can be used to build an adaptive site with a & nbsp; slider and & nbsp; everything else, but & nbsp; for & nbsp; one Bootstrap approach cannot & nbsp; master.
But you can connect Bootstrap, but & nbsp; only use it where you need it.
Therefore, I propose to advance in small steps. Select one local problem and & nbsp; solve it with & nbsp; using Bootstrap. For example, add a slider from & nbsp; Bootstrap or rewrite one of the & nbsp; blocks on your site in & nbsp; Bootstrap.
Make yourself a blank HTML page that connects Jikvery and & nbsp; Bootstrap with a & nbsp; CDN, to make it easier to train and & nbsp; check other people’s solutions. For example:
& lt;! DOCTYPE html & gt; & lt; html lang = "ru" & gt; & lt; head & gt; & lt; meta charset = "UTF-8" & gt; & lt; meta http-equiv = "X-UA-Compatible" content = "IE = edge" & gt; & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1" & gt; & lt; title & gt; Document & lt; / title & gt; & lt; link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" & gt; & lt; link rel = "stylesheet" href = "style.css" & gt; & lt;! - [if lte IE 9] & gt; & lt; script src = "https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" & gt; & lt; / script & gt; & lt; script src = "https://oss.maxcdn.com/respond/1.4.2/respond.min.js" & gt; & lt; / script & gt; & lt;! [endif] - & gt; & lt; / head & gt; & lt; body & gt; & lt; header & gt; & lt; / header & gt; & lt; footer & gt; & lt; / footer & gt; & lt; script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" & gt; & lt; / script & gt; & lt; script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" & gt; & lt; / script & gt; & lt; / body & gt; & lt; / html & gt;
It is convenient to practice at https://codepen.io/ There styles and & nbsp; Bootstrap scripts can be connected from the & nbsp; drop-down menu .
After trying each module, you will figure out what Bootstrap can do and & nbsp; can not. Then look at & nbsp; Russian and & nbsp; English SO, how they solve similar issues. For some situations there are standard improvements, and for others it is better to use not & nbsp; Bootstrap.
Answer 2, authority 33%
Bootstrap uses modern CSS and HTML, so you need to be careful when supporting older browsers.
Here, as an option, the documentation in Russian http://bootstrap-3.ru/index.php
Answer 3, authority 22%
Answer 4, Authority 11%
Bootstrap is used as I call class layout ie
With this framework, you can create Adaptive sites.