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

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

40 3913 ۱ مرداد ۹۴
در جلسه دهم  دوره آمورشی فریم ورک بون استرپ می پردازیم به مبحث ایجاد تب ها,پیل ها و منوی واکنشگرا  و در ابن جلسه بیشتر به مزیت استفاده از فریم ورک بوت استرپ برای ایجاد المان های نسبتا پیچیده بدون کدنویسی پی خواهیم برد المان هایی که برای ایجاد آنها خارج از محدوده فریم ورک نیازمند کدنویسی جاوااسکریپ هستند... مطالب مطرح شده در این جلسه عبارتند از : ایجاد انواع تب های واکنش گرا
  • بررسی کلاس 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
  • نحوه ایجاد باکس جستجو در منو
  • نحوه ایجاد لینک های منو و زیر منوها
این مطلب یک جلسه از دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد. در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 40 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

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

  • ‏‏
    Mogtaba Mazroei(۲۵ خرداد ۱۳۹۶)

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

    • ‏‏
      وحید صالحی(۲۵ خرداد ۱۳۹۶)

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

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع فریمورک بوت استرپ (پایه تا پیشرفته) است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :