首页 > 安全资讯 >

Bootstrap—面包屑导航breadcrumb

16-12-17

Bootstrap—面包屑导航breadcrumb。面包屑导航是具有层次结构的一种显示方式,bootrap中通过 breadcrumbclass 的无序列表实现面包屑导航效果。

什么是面包屑导航,先来看一下效果:

面包屑导航是具有层次结构的一种显示方式,bootrap中通过.breadcrumbclass 的无序列表实现面包屑导航效果,代码如下:

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>面包屑导航</title>  
    <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">  
</head>  
<body>  
    <div class="container">  
        <ul class="breadcrumb">  
            <li><a href="#">鞋子</a></li>  
            <li><a href="#">女鞋</a></li>  
            <li><a href="#">高跟鞋</a></li>  
        </ul>  
    </div>  
</body>  
</html> 
相关文章
最新文章
热点推荐