bootstrap margin columns code example

Example 1: boot strap columns

1 of 3
2 of 3 (wider)
3 of 3
1 of 3
2 of 3 (wider)
3 of 3

Example 2: bootstrap Margin and padding

Use the margin and padding spacing utilities to control how elements and 
components are spaced and sized. Bootstrap 4 includes a five-level scale for
spacing utilities, based on a 1rem value default $spacer variable. Choose
values for all viewports (e.g., .mr-3 for margin-right: 1rem), or pick
responsive variants to target specific viewports (e.g., .mr-md-3 for 
margin-right: 1rem starting at the md breakpoint).

Margin Y 0
Margin Y 1
Margin Y 2
Margin Y 3
Margin Y 4
Margin Y 5
Margin Y Auto

Example 3: bootstrap grid



This code will create 4 boxes placed side by side, which will be 
dynamically positioned, according to the size of the screen. We define 
the following behavior: 




class = "col-lg-3"   




class = "col-md-4"   




class = "col-sm-6"  




  
One of four columns
One of four columns
One of four columns
One of four columns

Tags:

Misc Example