ساختن تب در بوت استرپ

جلسه هشتم - ایجاد تب در بوت استرپ

استفاده از tab در طراحی وب یکی از متداول ترین روش ها برای زمانی است که فضای زیادی در اختیار نداریم و در یک بخش به کاربر اطلاعات زیادی را نشان دهیم و از اسکرول زیاد صفحه جلوگیری کنیم

ویدئوی آموزش ساخت تب در بوت استرپ 3

در جلسه قبلی دوره آموزش bootstrap با نحوه ساخت جدول ریسپانسیو در بوت استرپ آشنا شدیم. در این جلسه آموزشی با ساختار ایجاد کردن تب Tab در بوت استرپ 3 آشنا می شویم.

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

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

استفاده کردن از Tab در طراحی سایت مزیت های زیادی به همراه دارد. به عنوان مثال زمانی که در یک بخش از صفحه وب خود می خواهید اطلاعات زیادی نشان دهید، باعث می شود یک اسکرول طولانی در صفحه وب ایجاد شود. خوشبختانه با ایجاد کردن تب می توانید تمام آن محتوا را به صورت دسته بندی شده و مرتب به کاربر نشان دهید. در طراحی سایت ریسپانسیو Tab می تواند کاربرد خیلی مفیدی برایتان داشته باشد.

 


ارسال نظر درباره این موضوع


  • ب (شنبه, 21 اردیبهشت 1398 ساعت 13:30:14)
    سلام. ببخشید می شه بقیه آموزش ها رو هم قرار بدهید؟

    • (شنبه, 21 اردیبهشت 1398 ساعت 14:17:43)

      سلام. آموزش های بوت استرپ تا جلسه 8 ضبط شده و در هفته های آتی بقیه قسمت ها ضبط میشه