How to make this block on bootstrap 3?

Question

css

Good afternoon, there is such a block and it is necessary to implement it on bootstrap 3.

What is the best way to implement it? include blocks in the grid? or add flex and open it on flex?

Answer 1

If something has been done lately on bootstrap, then only on version 4.
The layout should be something like this. On version 4, everything is shikos (well, yes there are flexes), on the third even I can’t immediately remember how to col-4stretch an element with a class over the entire height of the parent. (if you know, tell me)

<div class="container">
  <div class="row">
    <div class="col-4" style="background-color:yellow;">1</div>
    <div class="col-8">
      <div class="row">
        <div class="col-12" style="background-color:green;">2</div>
        <div class="col-12" style="background-color:#4f4;">3</div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-6" style="background-color:pink;">4</div>
    <div class="col-6" style="background-color:#f44;">5</div>
  </div>
</div>

Answer 2

I would break the first 3 elements into two columns in the first column 1 block to the full height in the second column 2 blocks one under the other.
the last two pictures are two equal columns. Inner blocks with description are separate custom blocks with absolute positioning.
In principle, the comment above suggests exactly that.