Bootstrap Grid System

In September 2021, there is no "BS5" grid system. However, Bootstrap, a popular front-end framework, has a grid system called "Bootstrap Grid System" or "BS Grid System" for short. The latest version of Bootstrap was Bootstrap 5 (BS5), but it doesn't have any significant changes to its grid system compared to Bootstrap 4.

In Bootstrap, the grid system is based on a 12-column layout and is used to create responsive web designs. It allows you to divide the webpage into rows and columns, making it easier to structure and align content. The grid system provides various classes that you can apply to HTML elements to define their layout and positioning.


Here's a brief overview of how the Bootstrap grid system works in general:

1. Containers: A container is a wrapper element that contains rows and columns. It provides padding and sets a maximum width for the content. Bootstrap has two container classes: `.container` (fixed-width container) and `.container-fluid` (full-width container).

2. Rows: Rows are horizontal containers that hold columns. They ensure that columns are properly aligned and spaced within the container. Rows are created using the `.row` class.

3. Columns: Columns are placed inside rows and define the content's layout. Columns are divided into 12 equal parts by default. You can specify the number of columns a particular element should occupy by using classes such as `.col-6` (occupies 6 columns), `.col-md-4` (occupies 4 columns on medium-sized screens), etc.


By combining container, row, and column classes, you can create flexible and responsive layouts in Bootstrap. Keep in mind that Bootstrap has evolved since my last knowledge update, so it's possible that Bootstrap 5 (if it exists at the time of your inquiry) may have introduced some changes or improvements to its grid system. I recommend referring to the official Bootstrap documentation for the most up-to-date information on the grid system in Bootstrap.



About the Author



Silan Software is one of the India's leading provider of offline & online training for Java, Python, AI (Machine Learning, Deep Learning), Data Science, Software Development & many more emerging Technologies.

We provide Academic Training || Industrial Training || Corporate Training || Internship || Java || Python || AI using Python || Data Science etc





 PreviousNext