Блок. Сетка. Bootstrap

Для того, чтобы яснее выразить свой вопрос, я нарисовал 2 рисунка.
1. Вид с компьютера
2. Мобильный вид

На рисунках указаны блоки. Синего цвета - существующие. Зеленого цвета - необходимо внедрить в сетку.

Код конструкции синих блоков(отсутствует голова):

<div class="container">
<div class="col-md-9 col-lg-offset-1 col-lg-8">Центр</div>
<div class="col-md-3 col-lg-3">Правый блок<div>
</div>


P.s: ожидайте загрузки рисунков...

ну а вопрос то где?

.........
Добавлено 21.02.16 в 14:36:01:
.......

Прикрепленные файлы:
PROFIWM_COM_3539_1493030_1456065195830.png (25 кб)
PROFIWM_COM_3539_1493030_1456065199078.png (15.94 кб)

1-й пост внимательно прочитай про зеленый цвет.

Денис Павлик, http://getbootstrap.com/css/#grid

<div class="row">
<div class="col-xs-6 col-sm-3">1</div>
<div class="col-xs-6 col-sm-6">2</div>
<div class="col-xs-6 col-sm-3">3</div>
</div>
- - - - - - - -
Это если верить ссылке выше.

donttime, ширина для xs должна быть 12

Изм. 1 раз. / Посл. изм.

Odo Veiz 5.73

(21 фев 2016, 14:43)

что ?

В документации есть класс чистильщик. Он добавляется перед последним объектом и чистит xs

ты задал "col-xs-6" это 6 колонок, и у нас будет два контейнера на строку, поэтому надо "col-xs-12" чтоб один контейнер на строку

Изм. 1 раз. / Посл. изм.

Odo Veiz 5.73

(21 фев 2016, 14:47)