A simple bootstrap and css based Breadcrumb design which you can use in your web based project to display Navigation of the page with Dropdown feature. you can place multiple links under dropdown with additional links. make changes in css to customize look and feel of Breadcrumb.
Libraries
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
HTML
CSS
body { background-color: #171722; } .grid { display: grid; align-items: center; height: 100vh; } .small { font-size: 10px; } .drop-container:hover .drop { display: block; } .drop-container .drop { display: none; position: absolute; top: 20px; left: 8px; } .drop-container .drop a { display: block; padding: 8px 16px; } |
See live demo and download source code.
This awesome script developed by kkhenriquez. Visit their official repository for more information and follow for future updates.