怎样创建分页组件?
为列表元素 <ul>
添加一个 .pagination
类即可创建分页组件,使用 .disabled
和 .active
可以控制页码的状态
<ul class = "pagination">
<li class = "disabled"><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 = "#">»</a></li>
</ul>
分页组件有几种大小尺寸?
使用 .pagination-sm
和 .pagination-lg
外加默认情况,可以创建三种大小尺寸的分页组件
<ul class = "pagination pagination-lg">
......
</ul>
<br>
<ul class = "pagination">
......
</ul>
<br>
<ul class = "pagination pagination-sm">
......
</ul>
怎样创建翻页组件?
为列表元素 <ul>
添加一个 .pager
类即可创建翻页组件,同样可以使用 .disableb
控制页码的状态
<ul class = "pager ">
<li class ="disabled"><a href = "#">向前</a></li>
<li><a href = "#">向后</a></li>
</ul>
如何把两个翻页按钮向两边对齐?
为向前按钮添加 .previous
为向后按钮添加 .next
即可
<ul class = "pager ">
<li class ="previous"><a href = "#">向前</a></li>
<li class="next"><a href = "#">向后</a></li>
</ul>