دکمه ها

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

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

دکمه گرد

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

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

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

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

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

دکمه های نرم

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

دکمه گرد نرم

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

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

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


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

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


عرض دکمه

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

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

.btn-lg، .btn-sمیلیونیا .btn-xsبرای اندازه های اضافی اضافه کنید .

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

disabledویژگی را به <button>دکمه ها اضافه کنید.

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

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


دکمه های بلوک

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

گروه دکمه

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



تنظیمات پوسته
طرح رنگی
عرض
منوها (نوار سمت چپ و نوار بالا) موقعیت
رنگ نوار کناری سمت چپ
اندازه نوار کناری سمت چپ
اطلاعات کاربر نوار کناری
نوار بالا
هم اکنون بخرید