We use Bootstrap for making websites responsive so that the website perfectly looks same in all devices like mobile, laptop, personal desktop or any custom devices.

To use Bootstrap, we maintain the grid system which is predefined in Bootstrap Grid System.

For extra-small devices like mobile bootstrap has predefined grid name to be used and that is “xs” which denotes extra-small devices.

The range for “xs” is  xs= 0px to 767 pixels.

 

For small devices like tablet or netbook-pc bootstrap has predefined grid name to be used and that is “sm” which denotes small devices.

The range for “sm” is  sm = 768px to 991 pixels.

 

For medium devices like laptop or desktop-pc bootstrap has predefined grid name to be used and that is “md” which denotes medium devices.

The range for “md” is  md = 992px to 1199 pixels

 

And lastly for large devices like large screen desktop-pc android tv or wares bootstrap has predefined grid name to be used and that is “lg” which denotes large devices.

The range for “lg” is  lg = 1200px to UP

 

  • xs= 0-767 pixels
  • sm = 768-991 pixels
  • md = 992-1199 pixels
  • lg = 1200 pixels and up
Advertisements