bootstrap pager用法 bootstrappager|Bootstrap教程

本文概述

Bootstrap Pager示例

Bootstrap Pager是分页的一种形式。它用于创建上一个和下一个按钮（链接）。
< ul> 元素内使用“ .pager”类创建上一个/下一个按钮。
Bootstrap Pager示例

< !DOCTYPE html> < html lang="en"> < head> < title>Bootstrap Pager Example< /title> < meta charset="utf-8"> < meta name="viewport" content="width=device-width, initial-scale=1"> < link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">< /head> < body>< div class="container"> < h2>Pager Example< /h2> < ul class="pager"> < li>< a href="http://www.srcmini.com/#">Previous< /a>< /li> < li>< a href="http://www.srcmini.com/#">Next< /a>< /li> < /ul> < /div> < script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">< /script> < script src="http://img.readke.com/220416/155GMO9-1.jpg">< /script> < /body> < /html>

Bootstrap分页器对齐按钮
你可以将上一个和下一个按钮对准页面的每一侧。

【bootstrap pager用法】
请参阅以下示例：

< !DOCTYPE html> < html lang="en"> < head> < title>Bootstrap Example< /title> < meta charset="utf-8"> < meta name="viewport" content="width=device-width, initial-scale=1"> < link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">< /head> < body>< div class="container"> < h2>Pager Align Button< /h2> < ul class="pager"> < li class="previous">< a href="http://www.srcmini.com/#">Previous< /a>< /li> < li class="next">< a href="http://www.srcmini.com/#">Next< /a>< /li> < /ul> < /div> < script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">< /script> < script src="http://img.readke.com/220416/155GMO9-1.jpg">< /script> < /body> < /html>