Не очень понял 9 задание по bootstrap. что нужно сделать?

Александр Чеботарь19 января 2019 г.3 ответов

Не понял значения части кода в дивах.

<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 (правый блок), они выстраиваются в один ряд.

student_BUOPPsrj27 июня 2026 г.▲ 3

в этом задание ошибка какая-то, ставлю класс 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>

По условию задания ответ должен был быть правильный но видимо в задание не правильно сформулирована задача.

Jacks27 июня 2026 г.

поровну col-md-6 будет, но все ровно не каначит

Jacks27 июня 2026 г.

Ваш ответ

Войдите, чтобы ответить