لوگو لوگوی کوچک لوگوی تیره لوگوی کوچک
لوگو لوگوی کوچک لوگوی تیره لوگوی کوچک

دکمه ها

  1. رابط کاربری پایه
  2. دکمه ها

دکمه های پیش فرض

از کلاس های دکمه در an استفاده کنید<a>, <button>، یا<input>عنصر

دکمه های گرد

اضافه کنید.rounded-pillدکمه پیش فرض برای دریافت گوشه های گرد.

دکمه های طرح کلی

از یک کلاس استفاده کنید.btn-outline-**برای ایجاد سریع دکمه های حاشیه.

طرح کلی دکمه های گرد

اضافه کنید.rounded-pillدکمه پیش فرض برای دریافت گوشه های گرد.

دکمه های نرم

از یک کلاس استفاده کنید.btn-soft-**برای ایجاد سریع دکمه هایی با پس زمینه نرم.

دکمه های گرد نرم

اضافه کنید.rounded-pillدکمه پیش فرض برای دریافت گوشه های گرد.

دکمه های حاشیه دار

از یک کلاس استفاده کنید.btn-borderedبا.btn-*برای ایجاد سریع دکمه های حاشیه.

دکمه های گرد حاشیه دار

از یک کلاس استفاده کنید.btn-bordered-*با.btn-*برای ایجاد سریع دکمه های حاشیه.

برچسب های دکمه ها

قرار دهید<span>با کلاس.btn-labelو هرiconداخل آن اگر می خواهید نماد را در سمت راست قرار دهید سپس کلاس را اضافه کنید.btn-label-rightدر<span>


برچسب های دکمه های گرد

قرار دهید<span>با کلاس.btn-labelو هرiconداخل آن اگر می خواهید نماد را در سمت راست قرار دهید سپس کلاس را اضافه کنید.btn-label-rightدر<span>


عرض دکمه

با افزودن افزودن دکمه هایی با حداقل عرض ایجاد کنید.width-xs, .width-sm, .width-md, .width-lgیا.width-xl.

اندازه دکمه ها

اضافه کنید.btn-lg, .btn-sm، یا.btn-xsبرای اندازه های اضافی

دکمه غیرفعال است

را اضافه کنیدdisabledنسبت دادن به<button>دکمه ها

دکمه های نمادها

دکمه فقط نماد.


دکمه های بلوک

با افزودن کلاس، دکمه های سطح بلوک ایجاد کنید.d-gridبه بخش والد

گروه دکمه

یک سری دکمه را با آن بپیچید.btnدر.btn-group.



لینک کشوییلینک کشویی
لینک کشوییلینک کشویی