Bootstrap เพจเจอร์


เพจเจอร์คืออะไร?

เพจเจอร์ยังเป็นรูปแบบของการแบ่งหน้า (ตามที่อธิบายไว้ในบทที่แล้ว)

Pager ให้ปุ่มก่อนหน้าและถัดไป (ลิงก์)

ในการสร้างปุ่มก่อนหน้า/ถัดไป ให้เพิ่ม.pagerคลาสให้กับ<ul>องค์ประกอบ:

ตัวอย่าง

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

ผลลัพธ์:


จัดปุ่ม

ใช้.previousand .nextclass เพื่อจัดตำแหน่งแต่ละปุ่มให้ชิดด้านข้างของหน้า:

ตัวอย่าง

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

ผลลัพธ์:


การอ้างอิงการนำทาง Bootstrap ที่สมบูรณ์

สำหรับการอ้างอิงที่สมบูรณ์ของคลาสการนำทางทั้งหมด ไปที่ Bootstrap Navigation Referenceทั้งหมดของเรา