Topic: Vertical Scrolling Card with equal length
Expected behavior I want to have a row of two bootstrap cards.
Both cards are the same height, but one card is very long and filled with a dynamic length list. I want this very long card's overflow to be scrolling, and match the height of the shorter card.
How can I get this long card to scroll?
Actual behavior I am unable to get functioning scrollbars to appear on the content or card.
Resources (screenshots, code snippets etc.) You can see my plain bootstrap code here to illustrate the problem in desktop. https://stackoverflow.com/questions/55162471/scrolling-card-in-bootstrap
Thank you for any help! It seems like this would be a common problem but I can't find any resources on scrolling cards. :)
would you create a snippet showing the problem here: https://mdbootstrap.com/snippets/? I'll try to help you.
something like this is fine for you: https://mdbootstrap.com/snippets/jquery/marta-szymanska/481924?view=standard?
for now, we don't have a better solution for this issue, we will think about how to handle this in MDB package. Maybe here you will find an answer right for you.
I was able to solve this by adding a bootstrap utility class 'h-100' on the following line,
<div class="position-absolute all-0 d-flex flex-column w-100 h-100">
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: Desktop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes