آموزش Breadcrumbs در بوت استرپ

آموزش Breadcrumbs در بوت استرپ

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش Breadcrumbs در بوت استرپ خواهیم پرداخت.

Breadcrumbs یک روش عالی برای نشان دادن اطلاعات مبتنی بر سلسله مراتب برای یک سایت است. در مورد وبلاگ ها، Breadcrumbs می تواند تاریخ انتشار، دسته ها یا برچسب ها را نشان دهد. آنها مکان صفحه فعلی را در یک سلسله مراتب ناوبری نشان می دهند.

Breadcrumbs در بوت استرپ به سادگی یک لیست مرتب نشده با یک کلاس breadcrumb. است. جدا کننده به طور خودکار توسط CSS (bootstrap.min.css) از طریق کلاس زیر اضافه می شود –

مثال زیر Breadcrumbs را نشان می دهد –

منبع.

لیست جلسات قبل آموزش بوت استرپ

1. آموزش بوت استرپ
2.  بررسی اجمالی بوت استرپ
3. آموزش راه اندازی بوت استرپ
4. آموزش سیستم شبکه در بوت استرپ 
5. بررسی اجمالی CSS در بوت استرپ
6. آموزش تایپوگرافی در بوت استرپ 
7. آموزش کد در بوت استرپ 
8. آموزش جدول در بوت استرپ
9. آموزش فرم ها در بوت استرپ 
10. آموزش دکمه ها در بوت استرپ
11. آموزش تصاویر در بوت استرپ
12. آموزش کلاس های کمکی در بوت استرپ 
13. آموزش ابزارهای پاسخگو در بوت استرپ 
14. آموزش Glyphicons در بوت استرپ 
15. آموزش منوهای کشویی در بوت استرپ
16. آموزش گروه های دکمه ای در بوت استرپ
17. آموزش گروه های ورودی در بوت استرپ
18. آموزش عناصر ناوبری در بوت استرپ
19. آموزش Navbar در بوت استرپ