121 lines
4.0 KiB
JavaScript
121 lines
4.0 KiB
JavaScript
<>
|
||
{"{"}% set title = 'Breadcrumb' %{"}"}
|
||
{"{"}% set filename = 'component-breadcrumb.html' %{"}"}
|
||
{"{"}% extends 'src/layouts/master.html' %{"}"}
|
||
{"{"}% block content %{"}"}
|
||
<div className="page-heading">
|
||
<div className="page-title">
|
||
<div className="row">
|
||
<div className="col-12 col-md-6 order-md-1 order-last">
|
||
<h3>Breadcrumb</h3>
|
||
<p className="text-subtitle text-muted">
|
||
Indicate the current page’s location within a navigational hierarchy
|
||
that automatically adds separators via CSS.
|
||
</p>
|
||
</div>
|
||
<div className="col-12 col-md-6 order-md-2 order-first">
|
||
<nav
|
||
aria-label="breadcrumb"
|
||
className="breadcrumb-header float-start float-lg-end"
|
||
>
|
||
<ol className="breadcrumb">
|
||
<li className="breadcrumb-item">
|
||
<a href="index.html">Dashboard</a>
|
||
</li>
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Breadcrumb
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<section className="section">
|
||
<div className="card">
|
||
<div className="card-header">
|
||
<h4 className="card-title">Default</h4>
|
||
</div>
|
||
<div className="card-body">
|
||
<nav aria-label="breadcrumb">
|
||
<ol className="breadcrumb">
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Home
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
<nav aria-label="breadcrumb">
|
||
<ol className="breadcrumb">
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Home</a>
|
||
</li>
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Library
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
<nav aria-label="breadcrumb">
|
||
<ol className="breadcrumb">
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Home</a>
|
||
</li>
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Library</a>
|
||
</li>
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Data
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
<div className="card">
|
||
<div className="card-header">
|
||
<h4 className="card-title">Position</h4>
|
||
</div>
|
||
<div className="card-body">
|
||
<nav aria-label="breadcrumb">
|
||
<ol className="breadcrumb">
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Home</a>
|
||
</li>
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Library</a>
|
||
</li>
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Data
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
<nav aria-label="breadcrumb">
|
||
<ol className="breadcrumb breadcrumb-center">
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Home</a>
|
||
</li>
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Library</a>
|
||
</li>
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Data
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
<nav aria-label="breadcrumb">
|
||
<ol className="breadcrumb breadcrumb-right">
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Home</a>
|
||
</li>
|
||
<li className="breadcrumb-item">
|
||
<a href="#">Library</a>
|
||
</li>
|
||
<li className="breadcrumb-item active" aria-current="page">
|
||
Data
|
||
</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
{"{"}% endblock %{"}"}
|
||
</>
|