Grid Alignment

2.2 Basic Typography 2.3 Text Alignment & Display 2.4 Floats & Position 2.5: Colors & Background 2.6 Spacing 2.7 Sizing 2.8 Breakpoints
3.2 Buttons 3.3 Navbar 3.4 List Groups & Badges 3.5 Forms 3.6 Input Groups 3.7 Alerts & Progress 3.8 Tables & Pagination 3.9 Cards 3.10 Media Objects
4.2 Grid System 4.3 Grid Alignment 4.4 Flexbox 4.5 Auto Margins & Wrap
5.2 Carousel 5.3 Collapse 5.4 Tooltips 5.5 Popovers 5.6 Modals
align-items-start
Top Aligned Text
Top Aligned Text
align-items-center
Middle Aligned Text
Middle Aligned Text
align-items-end
Bottom Aligned Text
Bottom Aligned Text


Top Aligned
align-self-start
Middle Aligned
align-self-center
Bottom Aligned
align-self-end


justify-content-start
Left Aligned Text
justify-content-center
Center Aligned Text
justify-content-end
Right Aligned Text
justify-content-around
Content Around
justify-content-between
Content Between


col-9

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sunt, voluptas suscipit dolore ducimus, est aliquam, illo ex incidunt veniam minima adipisci nesciunt, dolorem debitis fugit doloremque voluptatum iure nisi.

col-4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sunt, voluptas suscipit dolore ducimus, est aliquam, illo ex incidunt veniam minima adipisci nesciunt, dolorem debitis fugit doloremque voluptatum iure nisi.

col-6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sunt, voluptas suscipit dolore ducimus, est aliquam, illo ex incidunt veniam minima adipisci nesciunt, dolorem debitis fugit doloremque voluptatum iure nisi.