sm md lg xl sizes code example

Example 1: bootstrap col size dinamically

<div class="row">
    <div class="col">
      1 of 2
    </div>
    <div class="col">
      2 of 2
    </div>
</div>

Example 2: 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-

Tags:

Html Example