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="ipt src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script></body></html>

這里寫圖片描述