دکمه ها
مثال ها
بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خاص خود را دارند.
دکمه های Outline
آیا به یک دکمه احتیاج دارید ، اما رنگ پس زمینه های سنگین که به ارمغان می آورند نیست؟ کلاسهای پیش فرض اصلاح کننده را با کلاس جایگزین کنید. 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 حاوی آن دکمه های اصلاح شده برای فعال کردن توگلدر سبک های مربوطه.