Containers are the most fundamental layout component in Bootstrap, which is necessary if you want to use the pre-installed grid system. The purpose of containers is to hold, center(at times), and occasionally add some padding to the content they hold. Although containers can be nested, most layouts don’t call for them.
The Default Container is the most simple one with all the basic necessities. It is a responsive container and has a fixed width for every breakpoint or screen size like small, medium, large, and so on.
Default Container used Classes:
.container: This class is used to make the div responsive. It is a max-width container that size changes at every breakpoint.
<!-- Code Here -->
Example 1: The code below shows how the container class brings a difference in a div element:
Please Login to comment...