Breadcrumb

html
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<nav aria-label="Breadcrumb">
<ol class="breadcrumb">
<li><a href="#" title="menüpont" aria-label="menüpont">Menüpont</a></li>
<li><a href="#" title="menüpont" aria-label="menüpont">Menüpont</a></li>
<li class="active" aria-current="page">Aktuális menüpont</li>
</ol>
</nav
<nav aria-label="Breadcrumb"> <ol class="breadcrumb"> <li><a href="#" title="menüpont" aria-label="menüpont">Menüpont</a></li> <li><a href="#" title="menüpont" aria-label="menüpont">Menüpont</a></li> <li class="active" aria-current="page">Aktuális menüpont</li> </ol> </nav
<nav aria-label="Breadcrumb">
<ol class="breadcrumb">
    <li><a href="#" title="menüpont" aria-label="menüpont">Menüpont</a></li>
    <li><a href="#" title="menüpont" aria-label="menüpont">Menüpont</a></li>
    <li class="active" aria-current="page">Aktuális menüpont</li>
</ol>
</nav
css
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.breadcrumb {
background-color: transparent;
padding: 5px 0;
border-top: 1px solid #c2cddb;
border-bottom: 1px solid #c2cddb;
}
.breadcrumb a {
font-size: 0.8rem;
}
.breadcrumb>.active {
color: #000;
font-size: 0.8rem;
}
.breadcrumb { background-color: transparent; padding: 5px 0; border-top: 1px solid #c2cddb; border-bottom: 1px solid #c2cddb; } .breadcrumb a { font-size: 0.8rem; } .breadcrumb>.active { color: #000; font-size: 0.8rem; }
.breadcrumb {
	background-color: transparent;
	padding: 5px 0;
	border-top: 1px solid #c2cddb;
	border-bottom: 1px solid #c2cddb;
}
.breadcrumb a {
	font-size: 0.8rem;
}
.breadcrumb>.active {
	color: #000;
	font-size: 0.8rem;
}