Skip to content

Custom Bootstrap 4 cards. I took inspiration from custom Foundation 6 cards, polished and reworked them to Bootstrap 4.

License

Notifications You must be signed in to change notification settings

peterdanis/custom-bootstrap-cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom Bootstrap cards

Hi there!

I took inspiration from these custom Foundation 6 cards, polished and reworked them to Bootstrap 4 Beta.

Card picture

Card minimum height is set to 450px and will extend to adapt to text, buttons, etc... whatever you put in card body. Use Bootstrap card-decks to align them nicely in a row. If you do not want the card to expand, set a max-height or height atribute on card level and scrollbar will be displayed in the card body.

Card with scrollbar picture

You can use these custom cards together with standard Bootstrap 4 cards or use standard card options, like colors, footers etc.

Colored cards

There is also a wide variant, without the upper picture cut and with centered avatar.

Wide card picture

Download

Small card:

Wide card:

About

Custom Bootstrap 4 cards. I took inspiration from custom Foundation 6 cards, polished and reworked them to Bootstrap 4.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published