@raulvodov

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

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

5a84370415448919253123.png
  • Вопрос задан
  • 124 просмотра
Решения вопроса 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
Похожие вопросы
от 56 000 до 56 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 50 000 руб.
21 янв. 2019, в 01:19
10000 руб./за проект
20 янв. 2019, в 22:33
30000 руб./за проект
20 янв. 2019, в 22:03
1000 руб./за проект