christophermoura / custom-bootstrap-cards

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

License:MIT License


Languages

Language:HTML 59.4%Language:CSS 40.6%