bootstarp5 后台框架

平台静态地址

https://cdn.rg1008.com/datav/admin/icons-feather-icons.html

对齐

https://doc.rg1008.com/docs/rg_pass_api/rg_pass_api-1e8e9706vsct4

icon 使用 fadeIn animated bx bx-phone-call

<div class="d-flex align-items-center theme-icons shadow-sm p-2 cursor-pointer rounded">
    <div class="font-22 text-primary">    
        <i class="fadeIn animated bx bx-phone-call"></i>
    </div>
    <div class="ms-2">phone-call</div>
</div>

bootstrap5 左对齐、右对齐 又改为了 float-start 与 float-end

示例：

<div class="float-start">浮动开始于所有视口大小</div><br>
<div class="float-end">在所有视口大小上浮动结束</div><br>
<div class="float-none">不要在所有视口大小上浮动</div>

bootstrap5 文本 左对齐、右对齐 又改为了 align-start 与 align-end

示例：

<div class="align-start">浮动开始于所有视口大小</div><br>
<div class="align-end">在所有视口大小上浮动结束</div><br>
<div class="align-center">不要在所有视口大小上浮动</div>

bootstrap5 margin padding

https://blog.csdn.net/WuLex/article/details/118080459

mt-2

{margin-top: 0.5rem !important}

mb-2

{margin-bottom: 0.5rem !important}

ml-2

{margin-left: 0.5rem !important}

mr-2

{margin-right: 0.5rem !important}

mx-2

{margin-right: 0.5rem !important;margin-left: 0.5rem !important}

my-2

{margin-top: 0.5rem !important;margin-bottom: 0.5rem !important}

text-uppercase 多余文字省略

垂直居中 align-items-center justify-content-center

https://www.gxlsystem.com/qianduan-4771.html