Bootstrap 5 Crashcourse - Part 2 - Containers, Grid-1

Normal Container with margin vertical top&pottom=5

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque quis obcaecati nulla itaque optio, voluptatem animi error temporibus iusto eius rem. Magni aspernatur earum voluptas officiis delectus debitis ipsa veritatis!

Fluid Container

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur repellendus, reiciendis neque nesciunt magni molestiae nemo maxime praesentium beatae repudiandae rerum deserunt porro consectetur possimus non vel ab, sapiente doloribus?

100% width untl lg-screens (960px), then container

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur repellendus, reiciendis neque nesciunt magni molestiae nemo maxime praesentium beatae repudiandae rerum deserunt porro consectetur possimus non vel ab, sapiente doloribus?

100% width untl xxl-screens (1320px), then container

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequuntur repellendus, reiciendis neque nesciunt magni molestiae nemo maxime praesentium beatae repudiandae rerum deserunt porro consectetur possimus non vel ab, sapiente doloribus?

basic grid

col 1
col 2
col 3
col 4

column width

col 1
col 2
col 3

responsive column width

col 1
col 2
col 3

justifying columns

Col 1
Col 2
Col 3
large margin and padding