Một
.pagination của bootstrap được cung cấp để tạo ra giao diện phân trang đẹp mắt.
Active State
Khi thêm.active để xác định cho người dung biết mình đang ở trang thứ mấy :
Disabled State
Khi thêm.disabled để vô hiệu hóa link tương ứng được gắn :
Pagination Sizing
Khi thêm.pagination-lg để có kích thước lớn hơn hoặc .pagination-sm để có kích thước nhỏ hơn.
Tạo nút previous/next
Nút previous/next giúp người dùng di chuyển về trang trước đó hoặc đi đến trang kế tiếp trong danh sách phân trang.Nếu bạn muốn đặt danh sách phân trang nằm giữa 2 nút previous/next, thì cần thêm
.previous và .next
Như vậy, chỉ cần vài class là bạn có thể tạo ra một dãy số với khung và hiệu ứng đẹp mắt.
0 comments:
Post a Comment