بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خاص خود را دارند.
آیا به یک دکمه احتیاج دارید ، اما رنگ پس زمینه های سنگین که به ارمغان می آورند نیست؟ کلاسهای پیش فرض اصلاح کننده را با کلاس جایگزین کنید. btn-outline- * برای حذف تمام تصاویر پس زمینه و رنگها در هر دکمه.
کلاسهای . btn برای استفاده با عنصر & lt؛ button & gt؛ طراحی شده اند. با این وجود ، می توانید از این کلاسها در عناصر & lt؛ a & gt؛ یا & lt؛ input & gt؛ استفاده کنید (البته برخی مرورگرهاممکن است کمی متفاوت ارائه دهند).
دکمه های بزرگتر یا کوچکتر را دوست دارید؟
.btn-lg یا.btn-sm را برای اندازه های مختلف اضافه کنید.
دکمه های سطح بلوک - دکمه هایی که عرض کل والدین را پوشش می دهند - ایجاد کنید با افزودن.btn-block.
اضافه کنیدdata-toggle="button" را برای تغییر حالت دکمه فعال اگر از قبل دکمه را توگل می کنید ، باید دستی اضافه کنید کلاس .active
و aria-pressed="true" به
<button>.
سبک .button بوت استرپ را می توان برای عناصر دیگر مانند <label> اعمال کرد
برای ارائه کادر تأیید یا تغییر دکمه سبک رادیویی. data-toggle = "buttons" را به a اضافه کنید
. btn-group حاوی آن دکمه های اصلاح شده برای فعال کردن توگلدر سبک های مربوطه.
سبک .button بوت استرپ را می توان برای عناصر دیگر مانند <label> اعمال کرد
برای ارائه کادر تأیید یا تغییر دکمه سبک رادیویی. data-toggle = "buttons" را به a اضافه کنید
. btn-group حاوی آن دکمه های اصلاح شده برای فعال کردن توگلدر سبک های مربوطه.