Какую ошибку видит система в bootstrape?
Задание: Задайте класс фреймворка Bootstrap таким образом, чтобы при размере экрана менее 768px правый блок скрывался. Для того, чтобы менять размер окна виртуального браузера, перемещайте ползунок влево или вправо. CSS стили не изменяйте
код:
<div class="container">
<div class="col-md-9 col-xs-9 col-sm-9 color-left-block">
<h3>Left block</h3>
</div>
<div class="col-sm-3 col-xs-3 col-sm-3 color-right-block">
<h3>Right block</h3>
</div>
</div>
ответ:
<div class="container">
<div class="row">
<div class="col-md-9 col-xs-9 col-sm-9 color-left-block">
<h3>Left block</h3>
</div>
<div class="col-sm-3 hidden-xs col-sm-3 color-right-block">
<h3>Right block</h3>
</div>
</div>
</div>
там в правом блоке дважды указано sm! Меняю на md - ничего. Поэтому, добавляю класс row. Меняю col-xs-3 на hidden-xs! Подставляю написанную часть кода в свой проект - исчезает правый блок при масштабировании.
Где ошибка? Спасибо