Logo v4.1
图片描述内容

没结果

  • 获取支持
  • 预览演示
Logo v4.1
  • 文档
  • 代码片段
  • 代码片段
  • 介绍
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • 功能
    一般 统计 Step 导航(标签)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • 客户评价
  • 博客s
    Grid List
  • Tables
  • E-commerce
  • 价格
  • Team Sections
  • 面包屑
  • 号召性用语(CTA)
  • Modals
  • 证券投资
  • 画廊
  • 客户
  • Countdown
  • FAQ
  • Lists
  • 折叠/手风琴
  • Comments
  • 反馈 & 评论
  • User Profile
  • 侧边栏示例
  • 日历视图
  • 通知
  • 内容部分
  • Forms
  • 身份验证
  • 反馈
  • Filters
  • Search
  • Directory
  • 订阅
  • 账户中心
  • Wizard & Steps
  • 联系方式/页脚
  • 联系方式
  • Footer

面包屑

Component #1

  • 预览
  • HTML

个人资料

  1. 账户中心
  2. 个人资料
注销
              
                <!-- Breadcrumb -->
                <div class="navbar-dark bg-dark" style="background-image: url(../assets/svg/components/wave-pattern-light.svg);">
                  <div class="container content-space-1 content-space-b-lg-3">
                    <div class="row align-items-center">
                      <div class="col">
                        <div class="d-none d-lg-block">
                          <h1 class="h2 text-white">个人资料</h1>
                        </div>

                        <!-- Breadcrumb -->
                        <nav aria-label="breadcrumb">
                          <ol class="breadcrumb breadcrumb-light mb-0">
                            <li class="breadcrumb-item">Account</li>
                            <li class="breadcrumb-item active" aria-current="page">Personal Info</li>
                          </ol>
                        </nav>
                        <!-- End Breadcrumb -->
                      </div>
                      <!-- End Col -->

                      <div class="col-auto">
                        <div class="d-none d-lg-block">
                          <a class="btn btn-soft-light btn-sm" href="#">注销</a>
                        </div>
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End Breadcrumb -->
              
            

Component #2

  • 预览
  • HTML
  1. For Sale
  2. England
  3. 伦敦
  4. 工作室
  5. 470 Lucy Forks, Patriciafurt, YC7B
Save Share
              
                <!-- Breadcrumb -->
                <div class="container">
                  <div class="row align-items-lg-center">
                    <div class="col-lg mb-2 mb-lg-0">
                      <!-- Breadcrumb -->
                      <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0">
                          <li class="breadcrumb-item"><a href="#">For Sale</a></li>
                          <li class="breadcrumb-item"><a href="#">England</a></li>
                          <li class="breadcrumb-item"><a href="#">伦敦</a></li>
                          <li class="breadcrumb-item"><a href="#">Studio</a></li>
                          <li class="breadcrumb-item active" aria-current="page">470 Lucy Forks, Patriciafurt, YC7B</li>
                        </ol>
                      </nav>
                      <!-- End Breadcrumb -->
                    </div>
                    <!-- End Col -->

                    <div class="col-lg-auto">
                      <a class="btn btn-sm btn-ghost-secondary" href="javascript:;">
                        <i class="bi-heart me-2"></i> Save
                      </a>

                      <a class="btn btn-sm btn-ghost-secondary" href="javascript:;">
                        <i class="bi-share-fill me-2"></i> Share
                      </a>
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Breadcrumb -->
              
            

Component #3

  • 预览
  • HTML

Products Grid

  1. Shop
  2. Products
  3. Grid
              
                <!-- Breadcrumb -->
                <div class="bg-light">
                  <div class="container py-4">
                    <div class="row">
                      <div class="col-sm">
                        <h4 class="mb-0">Products Grid</h4>
                      </div>
                      <!-- End Col -->

                      <div class="col-sm-auto">
                        <!-- Breadcrumb -->
                        <nav aria-label="breadcrumb">
                          <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item">
                              <a href="../demo-shop/index.html">Shop</a>
                            </li>
                            <li class="breadcrumb-item">
                              <a href="../demo-shop/products-grid.html">Products</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Grid</li>
                          </ol>
                        </nav>
                        <!-- End Breadcrumb -->
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End Breadcrumb -->