Bootstrap CSS组件之面包屑导航(breadcrumb)

前端之家收集整理的这篇文章主要介绍了Bootstrap CSS组件之面包屑导航(breadcrumb)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

面包屑breadcrumb

一般用于导航,表示当前页面所在的位置 面包屑可以设置其他相关的小标记内容,比如标签、徽章标记等。

li { display: inline-block; } //并且li项才起作用 .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } //设置当前项的颜色 .breadcrumb > .active { color: #777; }
<Meta charset="utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge"> <Meta name="viewport" content="width=device-width,initial-scale=1">

@H_301_10@Bootstrap 101 Template

<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">

本文系列教程整理到: 专题中,欢迎点击学习。

如果大家还想深入学习,可以点击进行学习,再为大家附3个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/43443.html

猜你在找的Bootstrap相关文章