how to create following grid with bootstrap 3 ? i checked out many answers but didn’t find a solution to my grid.
2
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-*.
.span*
.col-*
.col-xs-*
.col-sm-*
.col-md-*
.col-lg-*
Source
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
Click here to cancel reply.
2
Answers
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
Make 3 big columns and inside each just add more rows as you need them.
Example:
Here is the refrence on the grid system: http://getbootstrap.com/css/#grid