Bootstrap 面包屑

2018-03-01 15:50 更新

面包屑用于显示当前页面在网站层次结构中的位置。

面包屑是指示用户在网站中的位置的导航方案。

Bootstrap的breadcrumb组件有一个简单的标记,可以在你的网站的任何地方使用。

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script
  src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script
  src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
  <body style="margin:30px">
        <ol class="breadcrumb">
            <li><a  href="#">Home</a></li>
            <li><a  href="#">About</a></li>
            <li class="active">Author</li>
        </ol>
  </body>
</html>

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号