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

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

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

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

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

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

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

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







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





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

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
















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




 
اشتراک گذاری:
021-41658