Bootstrap中提供了面包屑导航的实现方法:
只需要引入bootstrap.css文件即可.
主要引用的样式有:
.span6
.breadcrumb
实例代码如下:
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>bootstrap面包屑导航</title> <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> </head> <body> <div class="container"> <h2>我是面包屑导航的例子</h2> <div class="row"> <div class="span6"> <ul class="breadcrumb"> <li> <a href="#">首页</a><span class="divider">></span> </li> <li> <a href="#">耳机页面</a><span class="divider">></span> </li> <li class="active"> 详细页面 </li> </ul> </div> </div> </div> </body> </html>
效果如图:
是不是很简约?
原文:http://www.cnblogs.com/LT0314/p/3725135.html