Spectre.css CSS Framework

SPECTRE

DOCS
  • Installation
  • Variables
  • Custom version
  • Browser support
  • What's new
  • Buttons
  • Code
  • Forms
  • Icons
  • Labels
  • Media
  • Tables
  • Typography
  • Flexbox grid
  • Footer
  • Hero
  • Navbar
  • Responsive
  • Accordions
  • Avatars
  • Badges
  • Bars
  • Breadcrumbs
  • Cards
  • Chips
  • Empty states
  • Menu
  • Modals
  • Nav
  • Pagination
  • Panels
  • Popovers
  • Steps
  • Tabs
  • Tiles
  • Toasts
  • Tooltips
  • Colors
  • Cursors
  • Display
  • Divider
  • Loading
  • Position
  • Shapes
  • Text
  • 360-Degree Viewer
  • Autocomplete
  • Calendars
  • Carousels
  • Comparison sliders
  • Filters
  • Meters
  • Off-canvas
  • Parallax
  • Progress
  • Sliders
  • Timelines

Breadcrumbs#

  • Spectre.css
  • Components
  • Breadcrumbs

Breadcrumbs are used as navigational hierarchies to indicate current location.

  • Home
  • Settings
  • Home
  • Settings
  • Change avatar
  • Home
  • Settings
  • Search result: Spectre

Add a container element with the breadcrumb class. And add child elements with the breadcrumb-item class.

<ul class="breadcrumb">
  <li class="breadcrumb-item">
    <a href="#">Home</a>
  </li>
  <li class="breadcrumb-item">
    <a href="#">Settings</a>
  </li>
  <li class="breadcrumb-item">
    <a href="#">Change avatar</a>
  </li>
</ul>
  • components - Previous
    Bars
  • Next - components
    Cards
Documentation
  • Getting started
  • Elements
  • Layout
  • Components
  • Utilities
  • Experimentals
Project
  • Demonstration
  • npm
  • GitHub
Community
  • Gettr
  • Twitter
  • YouTube
  • Discord
  • Gitter
Donate
  • PayPal Yan Zhu
  • Patreon Yan Zhu
  • angular package
Designed and built with ♥ by Yan Zhu. Modified with ♥ by the angular-package.
Version . Licensed under the MIT License