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

با نام ویاد خداوند با عرض سلام و وقت بخیر خدمت کاربران گرامی در این آموزش قصد داریم شما را با نحوه کار با کامپوننت (component) Alert آشنا کنیم. آموزش کامپوننت (component) Alert در بوت استرپ 4: در ادامه‌ی مباحث آموزش بوت استرپ چهار، به مبحث بسیار جذاب و کاربردی Componentها می‌رسیم. کامپوننت‌ها مجموعه‌ای از کدهای نوشته شده با Html , css وjavascript هستند، که بوت استرپ در اختیار ما قرار داده مانند دکمه‌ها، منوها، جداول، اسلایدر و... . در این بخش از آموزش با alert و button و نحوه استفاده از آن‌ها آشنا می‌شوید. َ َ 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: برای غیرفعال کردن یک دکمه از این کلاس
ویدیوهای مرتبط
ویدیوهای جدید