دکمه ها
دکمه های پیش فرض
بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.
دکمه های طرح کلی
کلاس های اصلاح کننده پیش فرض را با 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.
نوار ابزار دکمه
مجموعه ای از گروه های دکمه را با هم ترکیب کنید\n
اندازه گروه دکمه
به جای اعمال اندازه دکمه\n .btn-group-*
to each .btn-group
, including each one
when nesting multiple groups.
تنوع عمودی
مجموعه ای از دکمه ها را به صورت عمودی نشان دهید\n