Bootstrap 3: การสร้าง Breadcrumb

     การสร้างโครงสร้างของเว็บเพจบนเว็บไซด์ของเรา หรือบางคนเรียกเรียกว่าการทำแผนที่เว็บไซด์ (Site map) บางคนนั้นถือเป็นเรื่องที่น่าปวดหัวเป็นอย่างมาก แต่สำหรับใน Bootstrap 3 แล้วถือว่าเป็นเรื่องที่ง่ายอย่างมาก เพราะ  Bootstrap ได้มีการสร้างฟังก์ชั้นที่สนับสนุนการสร้างแผนที่เว็บไซด์ โดยการเรียกใช้  Breadcrumb นั้นเอง

     สำหรับการสร้างแผนที่เว็บไซด์โดยใช้ Breadcrumb นั้นไม่ใช่เรื่องที่ยากอะไรมากมาย เพียงแค่เรียกใช้คลาส "Breadcrumb" ในแท็ก  "<ol>" หรือ "<ul>  ดังโค้ดตัวอย่างด้านล่าง เพียงเท่านี้ท่านก็สามารถสร้างแผนที่เว็บไซด์ได้เหมือนรูปที่ 1 แล้ว

<ol class"breadcrumb">
 <li><a href="">home</a></li>
 <li><a href="">About</a></li>
 <li><a href="">Author</a></li>
  <ol class"breadcrumb">
   <li><a href="">Profile</a></li>
   <li><a href="">Education</a></li>
  </ol>
</ol>

รูปที่ 1

Reference

-  Rahman, Syed Fazle. Jump start Bootstrap get up to speed with Bootstrap in a weekend. Collingwood, VIC, Australia: SitePoint, 2014. Print.