@raulvodov

Как сверстать правые блоки с помощью сетки бутстрап 3?

Верстаю, используя сетку Бутстрап. Подскажите, как сверстать эти 4 квадратика справа. Т.е. левый текст занимает col-md-6, каждый из квадратиков col-md-3, но как сделать второй ряд квадратиков, чтобы они встали друг под другом? Просто если всем 4м квадратам задать col-md-3, то второй ряд квадратов встанет под текстом слева. Прикрепляю скрин дизайна.

5a84370415448919253123.png
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
@kalatushki
<div class="container">
  <div class="row">
    <div class="col-md-6">
      left block
    </div>
    <div class="col-md-6">
      <div class="row">
        <div class="col-md-6">
          <div class="right-block">
            right block
          </div>
        </div>
        <div class="col-md-6">
          <div class="right-block">
            right block
          </div>
        </div>
        <div class="col-md-6">
          <div class="right-block">
            right block
          </div>
        </div>
        <div class="col-md-6">
          <div class="right-block">
            right block
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
byte916
@byte916
Попробуйте так (код скорее всего не рабочий, но принцип должен быть понятен)

<div class="col-lg-6"></div>
<div class="col-lg-6">
    <div class="col-lg-6"></div>
    <div class="col-lg-6"></div>
    <div class="col-lg-6"></div>
    <div class="col-lg-6"></div>
</div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.
от 10 000 до 15 000 руб.
18 авг. 2018, в 01:10
17000 руб./за проект
17 авг. 2018, в 23:00
5500 руб./за проект