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

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

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

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

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

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

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

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

 


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

  • امید کرمی
    سلام خسته نباشید لطفا اگه میشه ادامه آموزش های بوت استرپ رو روی سایت بذارید چون خیلی مفید و کاربردی هستن ممنون
    • آموزش بوت استرپ 3 چون دیگه قدیمی شد ادامه اش رو ضبط نمیکنم و احتمالا بوت استرپ 5 رو استارت بزنم

  • fatemefarbod
    سلام خسته نباشید لطفا اگه امکانش هست یکم سریع تر بقیه اموزش رو هم بزارید خیلی خوب اموزش میدین ممنونم از شما
  • عطایی
    سلام ممنون از فیلم های با کیفیت اموزشیتون. ادامه فیلم ها رو قرار میدید رو سایت؟
    • انشالله به زودی فیلم های جدید روی سایت قرار میگیره. توی کانال تلگرام اطلاع رسانی میشه

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

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