آموزش کاربردی کار با Alert در بوت استرپ 4


آموزش کاربردی کار با Alert در بوت استرپ 4

آموزش کامپوننت (component) Alert در بوت استرپ 4:


در ادامه‌ی مباحث آموزش بوت استرپ چهار، به مبحث بسیار جذاب و کاربردی Componentها می‌رسیم. کامپوننت‌ها مجموعه‌ای از کدهای نوشته شده با Html , css وjavascript   هستند، که بوت استرپ در اختیار ما قرار داده مانند دکمه‌ها، منوها، جداول، اسلایدر و... . در این بخش از آموزش با alert و button  و نحوه استفاده از آن‌ها آشنا می‌شوید.

 

Alert

  • alert: ازاین کلاس برای نمایش پیغام‌های هشدار استفاده می‌کنیم.
  • alert-color class: برای تعیین رنگ alert از این کلاس به همراه نام رنگ استفاده می‌کنیم. مانند: alert-primary
  • alert-link: برای از بین بردن اثر رنگ لینک داخل alert از این کلاس استفاده می‌شود.
  • close: از این کلاس برای ایجاد دکمه close برای alert می‌باشد.
  • alert-heading: اگر alert دارای عنوان بود از این کلاس استفاده می‌کنیم.


Buttons

  • btn: این کلاس برای ایجاد دکمه استفاده می‌شود.
  • btn-color class: برای تعیین رنگ دکمه‌ها از این کلاس به همراه نام رنگ استفاده می‌کنیم. مانند: btn-success
  • btn-outline:  با استفاده از این کلاس می‌توانیم دکمه ایی با پس زمینه سفید و دارای حاشیه رنگی داشته باشیم.
  • btn-link: ایجاد دکمه ایی که به صورت لینک می‌باشد. شکل ظاهری آن شبیه به لینک است.
  • btn-lg: برای ایجاد دکمه با سایز بزرگ می‌باشد.
  • btn-sm: برای ایجاد دکمه با سایز کوچک می‌باشد.
  • btn-block: برای ایجاد یک دکمه به صورت تمام عرض می‌باشد.
  • active: برای فعال کردن دکمه از این کلاس استفاده می‌کنیم.
  • disabled: برای غیرفعال کردن یک دکمه از این کلاس استفاده می‌کنیم.


برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

 

امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.smiley

انجمن برنامه نویسان وب

 


نظر بدهید نظر شما در تصمیم دیگران اثرگذار است. لطفا برای ما و همراهان درسمن نظر خود را بنویسید.
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.


مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات : جلسه
مدت زمان : 661 دقیقه
حجم دوره : 2/78 گیگابایت
سطح مهارت : مقدماتی تا پیشرفته
وضعیت دوره : پایان یافته
تعداد دانشجویان : 1535
: میانگین امتیاز
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....