bootstrap 4 full width container code example

Example 1: bootstrap container-fluid

Use .container-fluid for a full width container, spanning the entire width of the viewport.

<div class="container-fluid">
  ...
</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-

Example 3: container class in bootstrap

meaning it’s 100% wide all the time

Tags:

Html Example