Bootstrap Grid Examples< View Code Snippets Library
Vertically Centered Text with Bootstrap 4 FlexboxBootstrap 4
Bootstrap 4 flexbox utility classes allow you to quickly add CSS flexbox to anything. A common design challenge of vertically centering text can be achieved easily with a few flexbox utility classes.
Apple Like Content Section – Image Vertical Centered TextBootstrap 4
Sample code to have alternating rows of image and vertical centered text. Similar to what is seen on the Apple website.
Row Background Color Full WidthBootstrap 4
There is a design trend to have horizontal background colors with the content set to a max-width. The way I achieve this effect is using a section tag with a background color set to it.
section.bg-primary > .container > .row > .col-sm-6
Bootstrap Grid Examples and TutorialBootstrap 3 Bootstrap 4
A collection of Bootstrap grid examples used in page layouts.
Looking for something else?
Suggest or contribute a code snippet to be added to the library.
Other Code Snippet Categories