Как правильно воспользоваться «сеткой» bootstrap?

Question

[hakkol]

Добрый времени суток, при верстке сайта возник вопрос: как правильно с помощью сетки bootstrap сделать элементы?
Верхние блоки и правые имеют класс col-md-4. Не могу додуматься, как без разбития блока с информацией про "tabano", разместить нижнее 2 блока, как представлено на макете.

Answer 1

[faragly]

Так не пойдет?

<div class="row">
  <div class="col-md-8">
    <div class="row">
      <div class="col-md-6">Projects</div>
      <div class="col-md-6">Fondue</div>
    </div>
    <div class="row">
      <div class="col-md-4">Louis XX</div>
      <div class="col-md-8">View project</div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="col-md-12">Potter</div>
    <div class="col-md-12">Tabano</div>
    <div class="col-md-12">Fiji</div>
  </div>
</div>

Comments

[hakkol]

без стилей вбил, вроде похоже на правду, благодарю

[Volodimir Babeshko]

Да уж, семь блоков делать двенадцатью, но зато бутстрапом!

[ummahusla]

Konstantin Abaiev: Если мы такой крутой вестальщик-эксперт, предложите лучше. Я тоже такой грид бы верстал с простоый сеткой от фондейшена.

[hakkol]

ummahusla: кстати это только треть сайта, я новичок в этом деле, если есть интересные соображения, с помощью чего можно еще это сделать адаптивным, с радостью прочту)

[ummahusla]

hakkol: Честно говоря, я начинал сам верстать что-то в этом роде, буквально пару недель назад, пока время было на работе. Просто брал foundation грид и сидел, его ковырял. Тут нет правильно или не правильного варианта, пробуй, делай.

[GoodProject]

Ошибка < div claS="row" >

[faragly]

GoodProject: исправил)