نمادها

شما اینجا هستید

آموزش Bootstrap جلسه یازدهم (Button)

در خدمت شما هستیم با آموزش Bootstrap جلسه یازدهم (Button)

آموزش Bootstrap جلسه یازدهم (Button) از سری آموزش های تک قسمتی است

سلام برنامه در این جلسه درباره نحوه ساخت دکمه در Bootstrap صحبت می کند

تقریبا همه سایت ها در خود تعداد زیادی دکمه دارند که این دکمه ها در ظاهر سایت بسیار تاثیر گذارند

مزیت دکمه در بوت استرپ این است که شما تنها با معرفی یک کلاس آن ها را می سازید

این دکمه ظاهر ها و استایل های مختلفی دارند که برای هر کاری مناسب هستند.

 

کلاس buttons

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

این کلاس ها مشابه کلاس های دیگر که معرفی کردیم از ۴ رنگ برای ۴ کاربر مختلف پشتیبانی میکنند.

کلاس ها را به برای شما معرفی میکنیم:

  • btn : این کلاس هر کجا استفاده شود دکمه ای ایجاد میشود
  • btn-default : این کلاس دکمه ای بدون رنگ ایجاد میکند.
  • btn-primary : این کلاس دکمه ای با رنگ آبی میسازد
  • btn-success : دکمه ای به رنگ سبز ایجاد میکند.
  • btn-info : کلاس فوق دکمه ای به رنگ آبی کمرنگ میسازد.
  • btn-warning : این کلاس دکمه ای به رنگ نارنجی یا زرد میسازد.
  • btn-danger : دکمه ای به رنگ قرمز میسازد.
  • btn-link : عملا به آن دکمه نمیتوان گفت اما برای لینک ها استفاده میشود.

اگر بخواهیم از موارد بالا مثالی بزنیم مثال زیر مورد مناسبی است:

تمام کلاس های معرفی شده در مثال الا موجود هستند.

 

می توانید دیگر قسمت ها را در لینک زیر ببینید

آموزش Bootstrap جلسه دهم (Alert Box)

آموزش Bootstrap جلسه دوازدهم(Group Button)

 

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید

همچنین در صورت علاقه می توانید این آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید
اگر این مطلب آموزنده بود به ما امتیاز دهید
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (5 رای, میانگین: 4٫60 امتیاز از 5)
Loading...

این یک فایل mp4 تصویری است که با پلیر های ویدیویی قابل اجرا می باشد

دانلود آموزش Bootstrap جلسه یازدهم (Button): نوع فایل:mp4 حجم فایل:39.86 مگابایت

هر پلیر اجرا کننده فایل ویدیویی

2 دیدگاه برای “آموزش Bootstrap جلسه یازدهم (Button)”

  1. reza گفت:

    آموزشتون عالیه مخصوصا اینکه ویدیو آموزش هم موجوده ممنون از وقتی که میذارید

  2. محمد شیری گفت:

    من آموزش بوت استرپ رو پولی خریدم با وجود پولی بودن نصف این چیزی که شما رایگان آموزش میدید هم نگفته ممنون ازتون همینطوری ادامه بدید

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

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

*

code

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.