如何將 Bootstrap 5 Card 組件對齊到中心

Question

https://i.stack.imgur.com/y86aU.jpg

在屏幕截圖上方我想對齊中心。 我的父部門類名 main-div

Answer 1

 .main-div  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}