مثال ها
بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است،
دکمه های طرح کلی
به یک دکمه نیاز دارند، اما نه به رنگ های پس زمینه سنگین .btn-outline-* ones to remove all background
images and colors on any button.
برچسب های دکمه
این.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).
اندازه ها
دکمه های بزرگتر یا کوچکتر را دوست دارید؟ .btn-lg or .btn-sm for additional sizes.
دکمه های بلوک
با افزودن کلاس، دکمه های سطح بلوک ایجاد کنید.d-grid to parent div.
وضعیت ها را تغییر دهید
اضافه کردنdata-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>.
دکمه های چک باکس
بوت استرپ.button
styles can be applied to other elements, such as
<label>s, to provide checkbox or radio style button toggling. Add
data-toggle="buttons" to a
.btn-group containing those modified buttons
to enable toggling in their respective styles.
دکمه های رادیویی
بوت استرپ.button
styles can be applied to other elements, such as
<label>s, to provide checkbox or radio style button
toggling. Add data-toggle="buttons" to a
.btn-group containing those modified buttons
to enable toggling in their respective styles.
گروه دکمه
یک سری دکمه را با آن بپیچید.btn in .btn-group.
نوار ابزار دکمه
برای اطلاعات بیشتر، مجموعه‌ای از گروه‌های دکمه را در نوار ابزار دکمه‌ها ترکیب کنید
سایز بندی
به جای اعمال کلاس های اندازه دکمه برای هر دکمه در .btn-group-* to each .btn-group, including each one when nesting
multiple groups.
تنوع عمودی
کاری کنید که مجموعه‌ای از دکمه‌ها به‌جای اینکه به‌صورت عمودی روی هم چیده شوند
