Как поступить с сеткой bootstrap в моем случае?

Question

[ssrdop]

Я долго копаюсь с моей проблемой. На картинке описано ТЗ для больших экранов и мобильных устройств:

Но у меня получается только так:

Помогите, пожалуйста, кто знает, возможно ли это сделать без дублирования кода.

Answer 1

[Алексей Ванин]

Вариант или подумать в этом направлении

Answer 2

[Serdji]

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
        Контент
      </div>
      <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          корзина
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          категории
        </div>
      </div>
    </div>
  </div>
</div>

Ну как то так. Только нужно поиграться с цифрами и вложенностью.

Comments

[ssrdop]

Спасибо, но у меня это не работает, а тем более не делится блок корзины и категорий блоком контента)