Column Divider - Documentation | Front - 基于Boostrap5的多用途响应式模板库

Example

You can utilize .col-{-sm|-md|-lg|-xl}-divider classes.

预览
HTML

$72.46 last transaction

12% since last visit

              
                <div class="row col-sm-divider">
                  <div class="col-sm text-end">
                    <span class="d-block h4 mb-0">$72.46</span>
                    <span class="d-block">last transaction</span>
                  </div>
                  <!-- End Col -->

                  <div class="col-sm text-start">
                    <span class="d-block h4 text-success mb-0">
                      <i class="bi-graph-up"></i> 12%
                    </span>
                    <span class="d-block">since last visit</span>
                  </div>
                  <!-- End Col -->
                </div>
                <!-- End Row -->