Что делать если блок не вмещается в колонку Bootstrap?

Question

[kudder1]

В макете четыре колонки, центральный блок выходит за пределы двух колонок, которые ему отведены в Bootstrap

Как это реализовать?

Answer 1

[Just A Bit]

Делить на 4 колонки надо только там, где это действительно надо (как в нижней части картинки с 4 иконками). Верхняя часть будет 1 колонкой.

Грубый пример:

<div class="container">
  <div class="row">
    <div class="col">WE DESIGN THINGS</div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col">ICON</div>
    <div class="col">ICON</div>
    <div class="col">ICON</div>
    <div class="col">ICON</div>
  </div>
</div>