Bootstrap 面包屑

2018-03-01 15:50 更新

面包屑用于顯示當(dāng)前頁面在網(wǎng)站層次結(jié)構(gòu)中的位置。

面包屑是指示用戶在網(wǎng)站中的位置的導(dǎo)航方案。

Bootstrap的breadcrumb組件有一個簡單的標(biāo)記,可以在你的網(wǎng)站的任何地方使用。

<!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>

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號