首页 > 代码库 > Bootstrap面包屑导航
Bootstrap面包屑导航
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>
效果如图:
是不是很简约?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。