Как переопределить колонки для макета?

Question

[Людмила]

Добрый день!

У меня в макете есть 4 колонки (на desktop)


а на 768 они переопределяются так


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

col-md-3 col-sm-3
col-md-3 ...
col-md-3 ...
col-md-3 ...

Answer 1

[Sn0wSky]

<div class = "col-xs-3">
  Image
</div>
<div class = "col-xs-9">
    <div class="row">
      <div class = "col-sm-4 col-xs-6">
        Name
      </div>
      <div class = "col-sm-4 col-sm-push-4 col-xs-6 ">
        Price
      </div>
      <div class = "col-sm-4 col-sm-pull-4 col-xs-12 ">
        Description
      </div>
    </div>
</div>

codepen.io/anon/pen/ORmRJZ