Разрешение ноутбука 1366

Здравствуйте !

Bootstrap, Задание №9.

При таком написании кода : 

<div class="container">

<div class="col-md-8 col-xs-12 col-sm-12 color-left-block">
<h3>Left block</h3>
</div>

<div class="col-md-4 col-xs-12 col-sm-12 color-right-block">
<h3>Right block</h3>
</div>

</div>

заданное действие кода  по заданию не возможно проверить т.к. разрешение экрана это сделать не позволяет !

При разрешение 1366 работает правильно вот такой код :

<div class="container">

<div class="col-md-12 col-xs-12 col-sm-8 color-left-block">
<h3>Left block</h3>
</div>

<div class="col-md-12 col-xs-12 col-sm-4 color-right-block">
<h3>Right block</h3>
</div>

</div>

Но, тест не проходит на правильность ((

Хотя на странице проверки всё корректно работает.

Почему так происходит, что при растягивании экрана срабатывает col-sm-* , а не col-md-* ?