Multi-column

This layout uses multiple column rules so that how many columns each group takes depends on the width of the browser.

Monster Image 01
Mingle
Monster Image 02
Yodel
Monster Image 03
Squido
Monster Image 04
Spook
Monster Image 05
Melville
Monster Image 06
Filo
Monster Image 07
Blade
Monster Image 08
Timber
Monster Image 09
Skedaddle
Monster Image 10
Smiley
Monster Image 11
Frex
Monster Image 12
Drift

Media

A quick way to create a two-column pattern that shows an image next to a photo. In Bootstrap 4, you gain the ability to center elements using flexbox classes. A couple of things to watch out for is that these will always render as single columns and can sometimes be too wide, so these particular media elements are inside an eight-column grid.

Monster 01 image
Monster 02 image
Monster 03 image
Monster 04 image
Monster 05 image
Monster 06 image
Monster 07 image
Monster 08 image
Monster 09 image
Monster 10 image
Monster 11 image
Monster 12 image
Nested Image 01

Hatching a plan

You might not realize this, but monsters, by their very nature, are master planners. They plan their finances, their diets, their exercise routines, their leisure time, and even their grocery lists. They also organize some pretty memorable parties! Some scientists theorize that monsters had to be strong planners to compete with dragons, fairies, and gnomes in the business and technology markets. Whatever the origin of their efficiency, if you ever need a wedding planner, call a monster!

Nested Image 02

Emerging talent

Monsters are forces to reckon with in the burgeoning technology industry. They're masterminds in HTML, CSS, PHP, and all those other cool acronyms, and they have a special fondness for building games and productivity apps for Android and iOS devices. And not surprisingly, they love the freedom and creativity that Bootstrap provides. In fact, they're often found hanging out in great responsive layouts, just like this one here.

Icon 01

Horns

Horns on monsters likely originated as a means for self-defense. However, nowadays they're more commonly used for such routine tasks as opening cans, digging in the garden,and flipping burgers on the grill.

Icon 02

Tentacles

Monsters with tentacles can mop the floor, cook dinner, and type a winning proposal, all while sipping a steaming hot latte. Their multitasking ability is a talent many aspire to, but most will never achieve.

Icon 03

Periscope Eyes

Periscope-eyed monsters can watch a football game in the family room, while "keeping an eye" on what's simmering on the stove. Many are also astute detectives who find satisfying work in law enforcement.

Floater Image

You've Got a Friend

When you hang with monsters, you've got the best friends in the world. Feeling down? They'll make your spirits soar. Stomach rumbling? They'll whip you up a satisfying snack. Crave adventure? They'll explore the world with you. You're one lucky individual!

Photo Sample

Boo!

Hire Spook, and her monster pals, to scare the pants off your family and friends any time of the year. Though she has a heart of gold and would never hurt a living soul, she's full of mischief and loves to haunt. After all, who doesn't love a good adrenaline rush?

Photo Sample

So sweet!

Satisfy your sweet tooth with a decadent dessert from Topsy Turvy Cake Design. Their monster bakers will enliven your taste buds with award-winning creations including Upside Down/Inside Out cake and Hornets' Nest muffins.

Photo Sample

Simply magical!

Bet you didn't know monsters are talented illusionists. They'll even conjure up a tantalizing 12-course meal and wolf it down before your very eyes. And if you ask nicely, they'll happily share it with you. Just don't expect it to be very filling.