Skip to content
This repository has been archived by the owner. It is now read-only.
Bootstrap 4 card component, back-ported for Bootstrap 3.
Branch: master
Clone or download
Latest commit fea76e7 Oct 29, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
sass Convert to Sass; add package.json Aug 18, 2016
.editorconfig Convert to Sass; add package.json Aug 18, 2016
LICENSE Update license year Oct 29, 2018 Fix Bower link Oct 29, 2018
bower.json Convert to Sass; add package.json Aug 18, 2016
package.json Convert to Sass; add package.json Aug 18, 2016

Card component for Bootstrap 3

This package back-ports the visual appearance of cards from Bootstrap 4, to the Sass version of Bootstrap 3. It doesn’t include any of the Flexbox-based columns functionality used in Bootstrap 4, to retain feature parity with Bootstrap 3.

As this project was created to bring the visual appearance of Bootstrap 4 cards to a Bootstrap 3 project, no amendments or additions are planned, so this package is not actively maintained. You are welcome to fork this repository and add any missing functionality, i.e. decks.


This is meant to be used as a Sass component in your own Sass-based projects. First you will need to import it using (preferably) npm:

$ npm install bootstrap-3-card --save-dev

There is also a Bower package registered if you still use that package manager:

$ bower install bootstrap-3-card

Import the core Bootstrap library (and any other of your own components), and then include this component after:

// Bootstrap
@import "variables";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

// Your components

// This component
@import "node_modules/bootstrap-3-card/sass/card";


Licensed under the MIT License.

You can’t perform that action at this time.