Bootstrap Pager

Thực ra đây cũng la một dạng phân trang thế nhưng chúng mình tách riêng ra 1 bài để dễ theo dõi.  

Pager là gì?

Pager trong Bootstrap 3 cũng là một dạng phân trang (như đã mô tả trong bài học trước).

Pager cung cấp các nút (liên kết) trước đó và tiếp theo.

Để tạo các nút trước đó / tiếp theo, hãy thêm lớp .pager vào phần tử <ul>:

Ví dụ

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

Kết quả:


Căn chỉnh các nút

Sử dụng các lớp .previous.next để căn chỉnh từng nút ở các bên của trang:

Ví dụ:

<ul class="pager">
  <li class="previous"><a href="#">Previous</a></li>
  <li class="next"><a href="#">Next</a></li>
</ul>

Kết quả:


Bình luận