How to Hide Div on Small Screen Using Bootstrap 5 Display UtilityClick to Watch Video

Bootstrap Card Header not sticking to the top


Solution:

When you use Bootstrap 4 Card with Header and Footer, make sure you include Card Body or else, the Header and the footer won't align to their respective positions.
 
e.g:
div class="card"
div class="card-header"
div class="card-body
div class="card-footer
 
Remember to close your divs and test your code

[NB] If you want to align the div column to the bottom of the parent div using bootstrap4 follow the instruction below:
1. Make the parent div display flex, specify flex-column, then specify justify-content-between this will push all items inside the parent div to the position at the start and end of the parent div.

Bootstrap
published
v.0.01





For peering opportunity Autonomouse System Number: AS401345 Custom Software Development at ErnesTech Email Address[email protected]