Bulma 面包屑是一个简单的导航组件,它只需要breadcrumb容器和ul列表。分隔符是在li标记的::before
伪元素的内容中自动创建的。
可以使用li标记中的is-active
修饰符标注当前页。它将禁用内部链接的导航。
面包屑导航(Breadcrumb)
一个简单的面包屑组件,以改善您的导航体验
Bulma 面包屑是一个简单的导航组件,它只需要breadcrumb容器和ul列表。分隔符是在li标记的::before
伪元素的内容中自动创建的。
可以使用li标记中的is-active
修饰符标注当前页。它将禁用内部链接的导航。
Example
HTML
整个面包屑导航在页面中的对齐在breadcrumb
容器中,用 is-centered
and is-right
修饰符,默认居左
Example
HTML
Example
HTML
你可以使用任何Font Awesome字体图标图案,请查看图标字体章节
Example
HTML
你可以使用下面4中分隔符的一种: 箭头has-arrow-separator
,小球has-bullet-separator
,点has-dot-separator
,大于号 has-succeeds-separator
.
Example
HTML
Example
HTML
Example
HTML
Example
HTML
你可以选择以下三种: is-small
is-medium
and is-large
。
俺老刘提示:应该是4种,不写介于small和medium之间,is-normal
不知是否有效。
Example
HTML
Example
HTML
Example
HTML