Bootstrap Blazor中时间线组件的美化

在Bootstrap Blazor的时间线组件中，总感觉有些奇怪，标题和内容感觉像是反了一样，内容在上标题在下，并且无法给内容设置格式，无法换行等，用起来不方便，如下

那么能不能给它换换样子了，让标题在上，内容在下，然后内容可换行，可设置样式了，当然是可以的，重写一个组件咱不会，但是可以直接扒一下前端网页源代码，然后直接写内容就行了，最终效果如下。

当然，修改后的时间线组件也可以通过for循环的方式来填充数据，但是发现填充后竟然也无法换行，那就算了，直接每次更新时手动更新一下它吧，反正更新总是要重编译的，不差这一下。

<ul class="timeline">
    <li class="time-line-item">
        <div class="time-line-item-tail"></div>
        <div class="timeline-item-node-normal timeline-item-node is-icon">
            <i class="timeline-item-icon fa-solid fa-fw fa-font-awesome text-danger"></i>
        </div>
        
        <div class="timeline-item-wrapper">
            <div class="timeline-item-content">2024-12-25 更新</div>
            <div style="line-height:10px;margin-top:10px;"></div>
            <div role="alert" class="alert fade show alert-primary">
                1、BootStrapBlazor组件由8.3.10升级到了9.1.8版本<br />
                2、修正了新版本升级导致的页面布局无法100%高度的问题<br />
                3、增加了员工档案中上传员工资料的功能，可上传文档、图片、PDF、压缩文件等<br />
                4、增加了员工档案资料查找和查看的功能
            </div>
        </div>
    </li>
    <li class="time-line-item">
        <div class="time-line-item-tail"></div>
        <div class="timeline-item-node-normal timeline-item-node is-icon">
            <i class="timeline-item-icon fa-solid fa-fw fa-font-awesome text-danger"></i>
        </div>

        <div class="timeline-item-wrapper">
            <div class="timeline-item-content">2024-12-23 更新</div>
            <div style="line-height:10px;margin-top:10px;"></div>
            <div role="alert" class="alert fade show alert-primary">
                1、在客户端增加了合同目录导出的功能<br />
                2、增加了商品信息图片上传和查看的功能<br />
                3、基础商品信息中增加了关注的功能，打开关注后可单独在客户端库存中查看关注的商品，避免了按名称查询商品库存的问题<br />
            </div>
        </div>
    </li>
</ul>

可以把这个时间线组件放到一个card组件中更美观一些。