📄️ Basic Gallery
📄️ Breadcrumb
A two-column box with an image on one side and descriptive text on the other, e.g. a facebook post or tweet.
📄️ Card
A card component, which displays in a grid of cards
📄️ Center an element
Center an item horizontally and vertically
📄️ Column Drop
📄️ Column Flip
📄️ Column layouts
Multi-column layout, flexbox, grid
📄️ Feature Shuffle
📄️ Featured Items
📄️ Fit Many
My header
📄️ Grid wrapper
Align grid content within a central wrapper, while also allowing items to break out
📄️ Header, two columns and a footer
My header
📄️ Layout Shifter
📄️ List group with badges
A list of items with a badge to display a count.
📄️ Media objects
A two-column box with an image on one side and descriptive text on the other, e.g. a facebook post or tweet.
📄️ Mondrian
📄️ Mostly Fluid
📄️ Off Canvas
📄️ Pagination
Links to pages of content such as search results.
📄️ Split navigation
A navigation pattern where some links are visually separated from the others.
📄️ Sticky footers
Creating a footer which sits at the bottom of the container or viewport when the content is shorter.