campaign-experts

دوره مجازی بوت استرپ (جلسه 10): کامپوننت ها و css در بوت استرپ - تب ها و منو - بخش چهارم



visibility  
mode_comment   ۴۰

در جلسه دهم  دوره آمورشی فریم ورک بون استرپ می پردازیم به مبحث ایجاد تب ها,پیل ها و منوی واکنشگرا  و در ابن جلسه بیشتر به مزیت استفاده از فریم ورک بوت استرپ برای ایجاد المان های نسبتا پیچیده بدون کدنویسی پی خواهیم برد المان هایی که برای ایجاد آنها خارج از محدوده فریم ورک نیازمند کدنویسی جاوااسکریپ هستند...

مطالب مطرح شده در این جلسه عبارتند از :

ایجاد انواع تب های واکنش گرا

  • بررسی کلاس list-inline
  • بررسی کلاس nav
  • بررسی کلاس nab-tabs
  • بررسی کلاس nav-pills
  • بررسی کلاس nav-stacked
  • بررسی کلاس nav-justified
  • نحوه ایجاد تب های پویا توسط جاوااسکریپت
  • بررسی کلاس nav-content
  • بررسی کلاس tab-pane
  • بررسی کلاس fade in

ایجاد منوی واکنشگرا

  • بررسی کلاس navbar
  • بررسی کلاس navbar default
  • بررسی کلاس navbar-header
  • بررسی کلاس navbar-brand
  • بررسی کلاس navbar-nav
  • بررسی کلاس navbar-inverse
  • بررسی کلاس navbar-fixed-top
  • بررسی کلاس navbar-fixed-bottom
  • بررسی کلاس navbar-left
  • نحوه ایجاد باکس جستجو در منو
  • نحوه ایجاد لینک های منو و زیر منوها
info توجه

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

ثبت نام در آموزش حرفه ای بوت استرپ

comment دیدگاه کاربران
PAS.PSK PSK replyپاسخ

با سلام
آقای صالحی در برنامه من زمانی که می خواهم با navbarمنو ایجاد کنم، زیر کلمه های navbar در کد نویسی برنامه خط میکشه و استایل های مورد نظرم را بر روی navbar اعمال نمیکنه. به نظر شما مشکل کجاس؟ ممنون میشم راهنماییم کنید.
با تشکر

وحید صالحی

در انتهای پراپرتی مورد نظرتون از !important استفاده کنید

PAS.PSK PSK

مچکرم

Mogtaba Mazroei replyپاسخ

سلام لطفا یه توضیحی بدهید برای ایجاد منو در کنار سایت مانند بخش مدیریت وردپرس چه کار کنیم

وحید صالحی

سلام این مورد رو باید با css و html ایجاد کنید البته توسط off-canvas ها هم که در پروژه دوم همین دوره توضیح دادیم میشه ایجادش کرد

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.

1 2