Bootstrap 4 Tutorial 31 – Card Columns

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: https://response.com/customer-feedback/

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!

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??

Regards

Meir

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

This feature is available in bootstrap 3.3.7

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.

can you tell please how i can increase or decrease the horizontal distance between cards?

Who can tell me please, how can i make 4 columns ?
Thank you

Great tutorial! This is going to help me so much on my latest group project.

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

So, what if I want four columns?
What about responsive?