The pink background shows the container fluid. There are used two rows to set different grid systems. Įxplanation: The above output is multiple rows in one container-fluid class. This responsive container-fluid can modify as per display screen size. The bootstrap container-fluid is used for the full-width container of the display screen. There are two container classes in bootstrap which is below.

The container sets the margin of the element in bootstrap.

The container fluid contains more than one row and many elements.

To make responsive container-fluid, extra small size (xs) used in class. In this example, columns make three partitions using class= “col-xs-4”.

The row class used for horizontal group and contain column class. The class = “row” used under class= “container-fluid” to make column. This responsive container-fluid can modify as per display screen size.Įxplanation: The container-fluid class used to display the full-width screen. Bootstrap container fluid for using grid system The under container fluid class, the header tag, and the paragraph tag used to display information. The division tag contains the class = “container-fluid”. Background colors used for getting to know the width and margin of container fluid class in bootstrap. The container fluid class used with the pink background color. Įxplanation: The above image shows the output of normal bootstrap container fluid. There are two container classes in bootstrap which is following. The container sets the margin of the element in bootstrap. Bootstrap container fluid simple example The other tags and elements used inside of the div tag as per need.Įxamples to Implement Bootstrap Container Fluidīelow are the examples to implement for the same: Examples #1ĭisplay simple information content using a container-fluid class.The class = “container-fluid” used for set margin and grid system.The division tag (div) need to place the class of bootstrap container fluid.

Bootstrap fluid image column