Containers In Bootstrap 5

Containers - Bootstrap V.5

In this video, I will show you how to use Containers in Bootstrap 5 A container is a Bootstrap class that allows to wrap and contain the various components or elements that you want to show on your web page

There are three types of container classes available in Bootstrap The first one is the .container class, which allows you to design a fixed-width container The second type of container class is called the .container-fluid class, with which you can build a full-width container

Note here that The .container-fluid will always provide a full-width container no matter the size of the screen on which the website is showing That means that its width will always be 100% To verify that, I will reduce the size of my browser window to simulate mobile devices screens There you can see that the width of our full-width container remains the same

When it comes to the fixed-width container class It is a little different, because With this fixed-width container, you can create a responsive container Meaning that its maximum width will change dynamically based on the screen size

The third container class is called the container-breakpoint or the responsive container It allows you to specify a class that is 100% wide until the specified breakpoint is reached

#codingriver #bootstrap5 #css ... https://www.youtube.com/watch?v=R05ppKig1Wo