دکمه ها

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

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

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

کلاس های اصلاح کننده پیش فرض را با the جایگزین کنید.btn-outline-* ones to remove all background images and colors on any button.

دکمه های گرد

از کلاس استفاده کنید.btn-rounded for button round border.

دکمه های پس زمینه نرم

اضافه کردن.btn-soft-* class with .btn-* color button for a Soft background buttons.

دکمه ها با نماد

دکمه اضافه کردن نماد در

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

اضافه کردن.btn-lg or .btn-sm for additional sizes.

عرض دکمه ها

اضافه کردن.w-xs, .w-sm, .w-md and .w-lg class for additional buttons width.

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

را.btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements (though some browsers may apply a slightly different rendering).

تغییر وضعیت ها

اضافه کردنdata-bs-toggle="button" to toggle a button’s active state. If you’re pre-toggling a button, you must manually add the .active class و aria-pressed="true" to the <button>.

دکمه های بلوک

دکمه های سطح بلوک را ایجاد کنید - آنهایی که\n gap-2.

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

بوت استرپ.button styles can be applied to other elements, such as <label>s, to provide checkbox or radio style button toggling. Add data-bs-toggle="buttons" to a .btn-group containing those modified buttons to enable toggling in their respective styles.

گروه دکمه

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

نوار ابزار دکمه

مجموعه ای از گروه های دکمه را با هم ترکیب کنید\n

اندازه گروه دکمه

به جای اعمال اندازه دکمه\n .btn-group-* to each .btn-group, including each one when nesting multiple groups.

تنوع عمودی

مجموعه ای از دکمه ها را به صورت عمودی نشان دهید\n

© Minible.
ساخته شده باتوسطThemesbrand