怎樣創建分頁組件?
為列表元素 <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>
01.PNG
分頁組件有幾種大小尺寸?
使用 .pagination-sm
和 .pagination-lg
外加默認情況,可以創建三種大小尺寸的分頁組件
<ul class = "pagination pagination-lg">
......
</ul>
<br>
<ul class = "pagination">
......
</ul>
<br>
<ul class = "pagination pagination-sm">
......
</ul>
02.PNG
怎樣創建翻頁組件?
為列表元素 <ul>
添加一個 .pager
類即可創建翻頁組件,同樣可以使用 .disableb
控制頁碼的狀態
<ul class = "pager ">
<li class ="disabled"><a href = "#">向前</a></li>
<li><a href = "#">向后</a></li>
</ul>
03.PNG
如何把兩個翻頁按鈕向兩邊對齊?
為向前按鈕添加 .previous
為向后按鈕添加 .next
即可
<ul class = "pager ">
<li class ="previous"><a href = "#">向前</a></li>
<li class="next"><a href = "#">向后</a></li>
</ul>
04.PNG