bootstrap简单两句css代码写一个超酷的响应式时间轴

我的个人博客要弄一个通知的时间轴效果，网上找的很多是浮动布局的。响应式也不够

效果

手机端

依赖：bootstrap5

    <style>
        .app-line {
   
            position: relative;
        }

        .app-line:before {
   
            background-color: #e7e7e7;
            position: absolute;
            content: "";
            display: block;
            width: 2px;
            left: 0;
            top: 0;
            bottom: 0