Не очень понял 9 задание по bootstrap. что нужно сделать?
Не понял значения части кода в дивах.
<div class="container">
<div class="col-xs-12 col-sm-12 color-left-block">
<h3>Left block</h3>
</div>
<div class="col-xs-12 col-sm-12 color-right-block">
<h3>Right block</h3>
</div>
</div>
По уроку понятно что class="col-xs-12" где xs-регулирует вид блока при разрешении меньше 788px, а что означает повторение записи col-sm-12, она тоже что то регулирует? Аcolor-right-block я так понимаю просто написали для понимания какой это блок, просто текст. Значение в ответе по заданию в 9 я так понимаю подбиралось наобум простой регулировкой. Просто нужно было подбирать цифры и выстраивать браузер на заданное разрешение.
3 ответов
В задании говорится:
Задание
С помощью системы Grid System фреймворка Bootstap, задайте классы таким образом, чтобы при увеличении размера браузера (больше 992px), блоки выстроились один слева, другой справа. Остальной код не меняйте. Для увеличения и уменьшения размера браузера, захватите мышкой ползунок и двигайте влево или вправо
---
Есть такая штука в Bootstrap как grid system (вот эта), в ней есть класс .col-md-, который применяется для ≥992px экранов. т.е. если экран больше или равно 992px, тогда, если у div классы заданы как col-md-8(левый блок) и col-md-4 (правый блок), они выстраиваются в один ряд.
в этом задание ошибка какая-то, ставлю класс col-md-5 и там и там чтобы при увилечении разделилось на две равные части, а задание не пропускает дальше.
<div class="container">
<div class="col-xs-12 col-sm-12 col-md-5 color-left-block">
<h3>Left block</h3>
</div>
<div class="col-xs-12 col-sm-12 col-md-5 color-right-block">
<h3>Right block</h3>
</div>
</div>
По условию задания ответ должен был быть правильный но видимо в задание не правильно сформулирована задача.
поровну col-md-6 будет, но все ровно не каначит