• Telegram
  • Google Plus
  • Linked In

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

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

تاریخ درج: خلاصه

طراحی سایت، آموزش بوت استرپ، bootstrap ، breadcrumb

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

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

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

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

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







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





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

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
















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




تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In