آموزش کامپوننت (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: برای غیرفعال کردن یک دکمه از این کلاس استفاده می‌کنیم.

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

 

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

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