To skin Bootstrap 3 Breadcrumbs.
Class & Markup | Description | Notes |
---|---|---|
.breadcrumb .breadcrumb-major |
Major navigation | |
.breadcrumb |
No font styling nor extra spacing |
<dl>
<dt>Major Navigation</dt>
<dd>
<ol class="breadcrumb breadcrumb-major">
<li><a href="#">Home</a></li>
<li><a>Fruit</a></li>
<li><a href="#">Tropical</a></li>
<li><a href="#">Yellow</a></li>
<li class="active">Bananas</li>
</ol>
</dd>
<dt>Plain</dt>
<dd>
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a>Fruit</a></li>
<li><a href="#">Tropical</a></li>
<li><a href="#">Yellow</a></li>
<li class="active">Bananas</li>
</ol>
</dd>
</dl>
{
"shouldSkipPattern": true,
"globalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.demo.css"
},
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.base.css"
}
],
"cmsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.cms.css"
}
],
"docsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.docs.css"
}
],
"portalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.portal.css"
}
],
"subdir": "components",
"shouldLoadBootstrap3": true,
"supportStyles": [
"../../assets/components/bootstrap3.breadcrumb.css"
]
}