css 模仿BootStrap得<section class="pt-5 pb-5" data-aos="fade-up"> 使用

在CSS中模仿Bootstrap的`.pt-5`和`.pb-5`类，以及`data-aos`属性，可以分别创建间距和动画效果。Bootstrap中的这些类主要用于设置元素之间的垂直内边距（padding-top 和 padding-bottom）。如果你想要在自定义样式表中实现类似的效果，你可以这样做：

.pt-5 {
  padding-top: 1rem; /* 或者使用像素值，如 padding-top: 50px; */
}

.pb-5 {
  padding-bottom: 1rem; /* 同样可以用像素值，如 padding-bottom: 50px; */
}

/* 模拟data-aos（Animate On Scroll）动画效果 */
[data-aos] {
  animation: fade-up 1s ease-in-out;
}

@keyframes fade-up {
  from { opacity: 0; }
  to { opacity: 1; }
}

这里我们设置了`.pt-5`和`.pb-5`类的内边距，并通过`[data-aos]`选择器来应用渐入（fade-up）动画。确保在HTML中添加`data-aos`属性到需要动画的元素上。