آموزش کاربردی کار با 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: برای غیرفعال کردن یک دکمه از این کلاس استفاده میکنیم.
برای یادگیری این مبحث مثالها و نکتههای متعددی را در فایل ویدئویی آوردهایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.
امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل میتوانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.
انجمن برنامه نویسان وب
جلسات دوره
مهدی عباسی
مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مطالعه بیشتر رزومه
نظر شما در تصمیم دیگران اثرگذار است.
لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.