Card Columns

You can display Bootstrap 4 cards in semi-equal columns using the .card-columns class. Adding .cc-2 or .cc-4 to your columns will change the number of columns displayed. This is all done by the browser using column-count and can sometimes have unexpected results. YMMV.

Two Column | Four Column

Three Columns
Card image cap

Boating is the new canoeing

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

This almost brought the Internet to its knees

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

Try not to gasp when you find out who painted this.

Health

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

Lower back pain treatments

Health

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

How to keep a straight face

Social

Keeping a straight face in a conversation can be more difficult than it seems.

Of course I talk to myself, sometimes I need an expert opinion.

William James Murray Caddyshack
Card image cap

Best Horror Movies of 2017

Movies

Last updated 3 mins ago

Movie acting suits me because I only need to be good for ninety seconds at a time.

Billy Murray

Deep-thoughts

Sometimes I snore, like when I get really tired.

Willy M Murray

Card image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Golf Tales

When you see grown men near to tears because they've missed hitting a little white ball into a hole from three feet, it makes you laugh.

Bill M

Four Columns
Card image cap

Boating is the new canoeing

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

This almost brought the Internet to its knees

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

Try not to gasp when you find out who painted this.

Health

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

Lower back pain treatments

Health

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

How to keep a straight face

Social

Keeping a straight face in a conversation can be more difficult than it seems.

Of course I talk to myself, sometimes I need an expert opinion.

William James Murray Caddyshack
Card image cap

Best Horror Movies of 2017

Movies

Last updated 3 mins ago

Movie acting suits me because I only need to be good for ninety seconds at a time.

Billy Murray

Deep-thoughts

Sometimes I snore, like when I get really tired.

Willy M Murray

Card image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Golf Tales

When you see grown men near to tears because they've missed hitting a little white ball into a hole from three feet, it makes you laugh.

Bill M

Two Columns
Card image cap

Boating is the new canoeing

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

This almost brought the Internet to its knees

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

Try not to gasp when you find out who painted this.

Health

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

Lower back pain treatments

Health

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card image cap

How to keep a straight face

Social

Keeping a straight face in a conversation can be more difficult than it seems.

Of course I talk to myself, sometimes I need an expert opinion.

William James Murray Caddyshack
Card image cap

Best Horror Movies of 2017

Movies

Last updated 3 mins ago

Movie acting suits me because I only need to be good for ninety seconds at a time.

Billy Murray

Deep-thoughts

Sometimes I snore, like when I get really tired.

Willy M Murray

Card image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Golf Tales

When you see grown men near to tears because they've missed hitting a little white ball into a hole from three feet, it makes you laugh.

Bill M