Bulma 的 breadcrumb 是一个简单的导航组件——只需要一个 breadcrumb
容器和一个 ul
列表即可。分隔符会自动由 li
标签的 ::before
伪元素自动生成。
您可以使用 is-active
修饰符在当前页的 li
标签上做标记。这会使导航的内部链接失效。
Breadcrumb
一个简单的 breadcrumb 组件会提升您的导航体验
Bulma 的 breadcrumb 是一个简单的导航组件——只需要一个 breadcrumb
容器和一个 ul
列表即可。分隔符会自动由 li
标签的 ::before
伪元素自动生成。
您可以使用 is-active
修饰符在当前页的 li
标签上做标记。这会使导航的内部链接失效。
HTML
除了默认的对齐方式,还可以在 breadcrumb
容器上使用 is-centered
和 is-right
修饰符。
HTML
HTML
您可以使用任何 Font Awesome 图标。
HTML
您还可以选择 4 种另外的分隔符号: has-arrow-separator
has-bullet-separator
has-dot-separator
和 has-succeeds-separator
。
HTML
HTML
HTML
HTML
您可以选择 3 种另外的型号:is-small
is-medium
和 is-large
。
HTML
HTML
HTML
此页面为开放源码页面。
发现排版问题?或者表达模糊?
在 GitHub 改进该页内容