css - Bootstrap 3 Irregular Panel Layout -

How to get a shape, as pictured in an attached image, I think this is a mess of columns and rows, But I have tried many different ways and it is not able to achieve it. Until I come from the wrong direction?

This is enabled with bootstrap, but should have a certain height in the column.

   Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-md-9" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-md-12" & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-6" & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-6" & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-6" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-3" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-md-12" & gt; & Lt; / Div & gt; & Lt; Div class = "col-md-12" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;