第五十一节 jQuery之bootstrap路径导航 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 6     <title>Document</title>
 7     <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
 8     <script type="text/javascript" src="./js/bootstrap.min.js"></script>
 9     <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
10 </head>
11 <body>
12     <div class="container">
13         <div class="row">
14             <!-- breadcrumb:面包屑的意思，路径导航约定俗成的样式名. -->
15             <ol class="breadcrumb">
16                 <li><a href="#">首页</a></li>
17                 <li><a href="#">产品列表</a></li>
18                 <li class="active">水果</li>
19             </ol>
20         </div>
21     </div>
22 </body>
23 </html>

 

posted @ 2020-03-16 20:53  kog_maw  阅读(145)  评论(0)  编辑  收藏  举报