Bootstrap 4 Tutorial 31 – Card Columns


Source Code:

Like our content and want to support us more directly? Help Us, Help You!

If you like this stuff, as always, show the love through comments, likes, favorites, subscriptions, etc.

Thousands of free videos at

If you have any questions feel free to post them at

Our Website

Facebook –
Twitter –
Google+ –
Donate –

Our games made using Cocos2d-x

Google Play:

Check out our Cocos2d-x book to learn how to make games



  1. Thank you. I've built out a page for our company with thousands of customer testimonials and have placed them in the bootstrap cards. I have set them up in three columns, however the third column is much shorter in height than the first two. Why do you think this is happening? Here is the link to the page:

    Any help would be appreciated. Oh, and because the page has thousands of customer testimonials, the page takes awhile to load (not ideal I know- but it's what the bosses want) so if you have any tips on speeding up this page that would be greatly appreciated as well. Thanks in advance!

  2. Thanks for the tutorial. Just a quick question i have a card that has 3 rows of info each one being a Label with a droipdown list next to it. I want to split the card text into 2 columns any suggestions??



  3. Sir can I add card of bootstrap with database, so card will take data from database's table and it will display all values of database, can it be happen ?? Plz rply

  4. Thanks for the video. Is it possible to change the number of columns? and furthermore changing them responsively? let's say that you want two columns in XS devices, three in SM devices and four in MD devices.

  5. thank you!
    there is something that i like to ask.
    in this video, you add cards manually via duplicate 1st card (or you can manually add a new one), how about adding new cards that load its information (its title, image, description) from database?thanks in advance


Please enter your comment!
Please enter your name here