Difference between container_fluid and bootiner_fluid in bootstrap3,

Difference between container_fluid and bootiner_fluid in bootstrap3,

. Container and. container_fluid are two different types of outer containers in bootstrap. According to the official statement, the difference between them is:

. Container class is used for fixed-width containers that support responsive layout.

The. container-fluid class is used for containers whose width is 100% and occupies all the viewports.

The so-called fixed width does not allow developers to set the container width themselves. Instead, bootstrap uses media queries based on the screen width to help us set a fixed width and adapt it.

And is adaptive. In any case, do not manually set a fixed width value for the outer layout container in the response layout.

. Container-fluid is automatically set to 100% of the outer window. If the outer window is body, it is displayed in full screen regardless of the screen size and automatically implements a responsive layout.

The following code is for reference only:

/* Container of a width greater than 0-768px is 100% */. container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto ;} /* The container width above 768-992px is 750px */@ media (min-width: 768px ){. container {width: 750px ;}}/* 992-1200px or higher container is 970px */@ media (min-width: 992px ){. container {width: 970px;}/* container above pixel is 1170px */@ media (min-width: 1200px ){. container {width: 1170px ;}/ * container-fluid is 100% */. container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto ;}

Summary

The above section describes the differences between the bootiner and the iner_fluid outer container in bootstrap3. I hope it will help you. If you have any questions, please leave a message, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!