bootstrap 3 row column code example
Example 1: bootstrap 3 offset
col-sm-offset-2
Example 2: row class in bootstrap
/*
In Bootstrap, the "row" class is used mainly to hold columns in it.
Bootstrap divides each row into a grid of 12 virtual columns.
In the following example, the col-md-6 div will have the width of 6/12 of the "row"s div, meaning 50%.
The col-md-4 will hold 33.3%, and the col-md-2 will hold the remaining 16.66%.
*/
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-4"></div>
<div class="col-md-2"></div>
</div>
Example 3: bootstrap container width
--------------------------------------------------------------------------------------
Bootstrap Container Width | Size | Class Prefix
--------------------------------------------------------------------------------------
Extra small devices Phones (less than 768px) | None (auto) | .col-xs-
Small devices Tablets (greater than equals 768px) | 750px | .col-sm-
Medium devices Desktops (greater than equals 992px) | 970px | .col-md-
Large devices Desktops (greater than equals 1200px) | 1170px | .col-lg-
Example 4: whatever by Clever Crane
on May 31 2020 Donate
Comment
<div class="col-lg-3 mb-4">