bootstrap系列之十五面包屑导航和分页导航

来源：互联网发布：在线视频直播网站源码编辑：程序博客网时间：2024/05/19 21:14

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>demo01</title><link rel="stylesheet" href="css/bootstrap.min.css" /><script type="application/javascript" src="js/jquery-1.11.1.min.js"></script>    <script language="JavaScript" src="js/bootstrap.min.js"></script>  </head><body>  <ul class="breadcrumb">     <li><a href="#">首页</a></li>  <li><a href="#">新闻</a></li>  <li><a href="#">国内新闻</a></li>  <li><a href="#">高考专题</a></li>  </ul>    <hr/>      <ul class=" pagination pagination-lg">     <li><a href="#">«</a></li>  <li><a href="#">1</a></li>  <li><a href="#">2</a></li>  <li><a href="#">3</a></li>  <li><a href="#">4</a></li>  <li><a href="#">5</a></li>  <li><a href="#">6</a></li>  <li><a href="#">»</a></li>  </ul>      <ul class=" pagination">     <li><a href="#">«</a></li>  <li><a href="#">1</a></li>  <li><a href="#">2</a></li>  <li><a href="#">3</a></li>  <li><a href="#">4</a></li>  <li><a href="#">5</a></li>  <li><a href="#">6</a></li>  <li><a href="#">»</a></li>  </ul>    <ul class=" pagination pagination-sm">     <li><a href="#">«</a></li>  <li class="active"><a href="#">1</a></li>  <li><a href="#">2</a></li>  <li><a href="#">3</a></li>  <li><a href="#">4</a></li>  <li><a href="#">5</a></li>  <li><a href="#">6</a></li>  <li><a href="#">»</a></li>  </ul>  <hr />  <ul class="pager">  <li class="active"><a href="">上一页</a></li>    <li><a href="">下一页</a></li>    </ul></body></html>

阅读全文

0 0