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