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%
I recommend the tutorial section at Webreference.ru . It outlines the basic concepts of Bootstrap, and & nbsp; next to & nbsp; – directories on & nbsp; CSS and & nbsp; HTML .
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.
See how basic examples work. HTML codes for the slider and other modules are given in in their documentation .
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%
This is a free set of tools for creating websites and web applications. Includes HTML and CSS design templates for typography, web forms, buttons, labels, navigation boxes, and other web interface components, including JavaScript extensions.
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%
Customizable HTML, CSS and JavaScript framework for faster and convenient Web development.
You can start studying it by the lessons here .
Answer 4, Authority 11%
Bootstrap is used as I call class layout ie .class .
With this framework, you can create Adaptive sites.
Download the fourth version can be from this site and third here .
And about the layout most likely again. Here are some documentation http://bootstrap-3.ru/ http://bootstrap-ru.com/ http: //mybootstrap.ru/