how to create complex grid in bootstrap 3, (column rowspan)

Question

how to create following grid with bootstrap 3 ? i checked out many answers but didn't find a solution to my grid.

• Bootstrap combining rows (rowspan)
• Twitter Bootstrap 3 rowspan and reorder
• Create a rowspan in bootstrap

Answer 1

In Bootstrap 3, the .span* classes have been removed, and replaced with a combination of .col-* classes: .col-xs-*, .col-sm-*, .col-md-*, and .col-lg-*.

Source

Answer 2

Make 3 big columns and inside each just add more rows as you need them.

Example:

<div class="row">
     <div class="col-md-4">
     <p>left column text here you can also add another row here with more cols inside</p>
     </div>
</div>

Here is the refrence on the grid system: http://getbootstrap.com/css/#grid