Hello! Someone tell me how to convert the three columns to two when changing the screen resolution. Used by Bootstrap . When the screen reaches 1200px all the columns immediately go into one column. That is, you need to change the idea in HTML col-md-4 in col-md-6 , but how?)
HELO WORD
1,660 1 golden mark 5 silver marks 22 bronze marks
Artyom Oleynichenko Artyom Oleynichenko
69 10 bronze marks
- The question is simply incorrect, there are no conditions. - user192664
|
1 answer
In bostrap when reaching a width of 1200px, the col-lg- classes are used col-lg-
Bootstrap grid-options
You can hide the third column by adding the class hidden-lg . More information about the column hiding classes responsive-utilities-classes .
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="container"> <div class="row"> <div class="col-md-4 col-lg-6">1</div> <div class="col-md-4 col-lg-6">2</div> <div class="col-md-4 hidden-lg">3</div> </div> </div> 
stackanon stackanon
1,072 1 golden mark 4 silver marks 15 bronze marks
- The bootstrap already has classes to show or hide content depending on the width of the screen. For example,
.hidden-lg. - Gleb Kemarsky
|