ایجاد راهنمای ناوبری در Bootstrap

تاریخ انتشار: 16 دی 1394

تعداد بازدید: 5 نفر

در این بخش نحوه ایجاد راهنمای ناوبری با استفاده از Bootstrap را خواهید آموخت.

راهنمای ناوبری یک نقشه راهبری است که موقعیت صفحه فعلی را در یک وب سایت یا برنامه به کاربر نشان میدهد. راهنمای ناوبری به راحتی میتواند قابلیت دسترسی به صفحات را در وب سایت ها با تعداد صفحات بالا، بهبود بخشد.

ایجاد راهنمای ناوبری در Bootstrap :

در بوت استرپ، با استفاده از کلاس breadcrumb. بر روی لیست های نامرتب (ul) میتوانید ساختارهای راهنمای ناوبری استاتیک ایجاد کنید.

خروجی مثال بالا به شکل زیر خواهد بود :

نکته : خطوط جداساز در داخل راهنمای ناوبری به طور اتوماتیک توسط CSS و از طریق عنصر before:: و خصوصیت content اضافه میشوند.

نمونه هایی از راهنمای ناوبری :

مطلب بعدی -> ایجاد صفحه بندی (pagination) در Bootstrap

اشتراک گذاری:

مشاهده نمونه های بیشتر

24 تیر 1403

ثبت مکان در گوگل مپ: آموزش ثبت رایگان مکان کسب و کارتان تنها در ۵ گام

20 تیر 1403

اینفوگرافیک چیست؟ انواع، کاربرد ها و مراحل ساخت Infographic

2 خرداد 1402

راهنمای جامع طراحی سایت فروشگاهی

این راهنما شما را با دانش و استراتژی های مورد نیاز طراحی سایت فروشگاهی استثنایی مجهز می کند. برای کشف قدرت طراحی در فروش آنلاین و ایجاد یک برند دیجیتال موفق آماده شوید.