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

Question

[Dezosick]

надо чтобы все блоки были равны по высоте и с равными отступами, а на мобилке большой блок был на всю ширину и 4 маленьких под ним тоже на всю ширину

Comments

[Rustam Bainazarov]

Если у вас Bootstrap 3, то просто не используйте Bootstrap, а сделайте на flex'е в две колонки. И все ваши потребности будут решены максимально адаптивно.

[Дархан]

Можно попробовать вложенностью сеток в сетку
row>col-md-12>row>col-md-6 итд

[Johny Smith]

Дархан Камалиев, SmthTo, доп. обёртки, полностью согласен с вами

[Rustam Bainazarov]

Дархан Камалиев, только автоматической равной высоты не получится. Всё равно надо будет либо шаманить с высотой, либо использовать flex, как все белые люди.

[Дархан]

SmthTo, ну это да,но это мелочи пару строк css ведь.

Answer 1

[Игорь Трофимук]

Та на bootstrap всё просто

<div class="row">
    <div class="col-md-6 block"></div>
    <div class="col-md-6 block">
        <div class="col-md-6 block"></div>
        <div class="col-md-6 block"></div>
        <div class="col-md-6 block"></div>
        <div class="col-md-6 block"></div>
    </div>
</div>

.block {
background: #f48942;
border-radius: 5px;

На мобильную версию пропиши свои размеры блоков. И сделай адаптивность так как тебе нравиться!
На YouTube много гайдов об этом!