22.路径导航与分页

2024-04-27 15:13:55

字体：大中小

来源：转载

供稿：网友

<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap</title> <link rel="stylesheet" href="CSS/bootstrap.css" /></head><body> <div class="container"> <div class="row"> <ul class="breadcrumb"> <li><a href="#">bootstrap</a></li> <li><a href="#">dist</a></li> <li><a href="#">css</a></li> </ul> </div>  <div class="row"> <ul class="pagination"> <li><a href="#"><<</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li class="active"><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">>></a></li> </ul> </div> <div class="row"> <ul class="pagination pagination-lg"> <li><a href="#"><<</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li class="active"><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">>></a></li> </ul> </div> <div class="row"> <ul class="pagination pagination-sm"> <li><a href="#"><<</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li class="active"><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">>></a></li> </ul> </div> <div class="row"> <ul class="pager"> <li><a href="#">←上一页</a></li> <li><a href="#">下一页→</a></li> </ul> </div> <div class="row"> <ul class="pager"> <li class="PRevious"><a href="#">←上一页</a></li> <li class="next"><a href="#">下一页→</a></li> </ul> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script></body></html>

这里写图片描述