Column Divider - Documentation | Front - Multipurpose Responsive Template

@@include("@@autopath/partials/docs/docs-sidebar.html", { "link": "column-divider.html" })

Example

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

Preview
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 -->