Grid XXL
Bootstrap Grid is a layout system that uses a 12-column grid to style a website in a responsive and consistent way. When the screen size is ≥1400px, an extra extra large grid aligns itself. You can specify variable width by including a number with the class, for example, .container-xxl-4. If the screen size is less than 1400px, the element takes up the entire width of the screen.
Table for Container Sizes for Different Screen Widths
|
class |
Extra small <576px |
Small ≥576px |
Medium ≥768px |
Large ≥ 992px |
X-large ≥1200px |
XX-Large ≥ 1400px |
|---|---|---|---|---|---|---|
|
.container |
100% |
540px |
720px |
960px |
1140px |
1320px |
|
.container-sm |
100% |
540px |
720px |
960px |
1140px |
1320px |
|
.container-md |
100% |
100% |
720px |
960px |
1140px |
1320px |
|
.container-lg |
100% |
100% |
100% |
960px |
1140px |
1320px |
|
.container-xl |
100% |
100% |
100% |
100% |
1140px |
1320px |
|
.container-xxl |
100% |
100% |
100% |
100% |
100% |
1320px |
Bootstrap 5 Grid XXL
Bootstrap is a free and open-source tool for creating responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Nowadays, the websites are perfect for all browsers (IE, Firefox, and Chrome) and all sizes of screens (Desktop, Tablets, Phablets, and Phones). It provides a Faster and Easier way for Development. It is used to create Platform-independent web pages.