دکمه ها در بوت‌ استرپ 4 (Bootstrap 4 Buttons) :

امروز به شما آموزش استفاده از دکمه در بوت استرپ 4 را با ذکر مثال آموزش می دهیم.بوت استرپ کلاس های مختلفی را برای دکمه ها ارائه می دهد که می توان آن ها را به همراه تگ های مختلفی مثل <button> ,<a> ,<input> و <label> استفاده کرد.

دکمه ها در بوت استرپ ۴

بوت استرپ همچنین کلاس های مختلفی را برای تغییر حالت و اندازه دکمه ها و همچنین استفاده از افکت های checkbox, toggle و radio ارائه می دهد که در زیر این کلاس ها را با ذکر مثال به شما آموزش می دهیم :

.btn
.btn-primary
.btn-secondary
.btn-success
.btn-info

.btn-warning
.btn-danger
.btn-dark
.btn-light
.btn-link

 

 

 

 

در زیر انواع مثال های استفاده از دکمه ها را مشاهده می نمائید :

 

See the Pen
zgmKLB
by Farazgar (@Rezash)
on CodePen.

از اینکه فرازگر را در این مقاله همرایی کردید از شما سپاسگذاریم.

سایت بوت استرپ ۴ : www.getbootstrap.com

مقاله پیشنهادی :

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *