دکمه ها
دکمه های پیش فرض
از کلاس های دکمه در یک <a>, <button> یا <input> عنصر.
رئوس مطالب
از کلاس استفاده کنید .btn-outline-** برای ایجاد سریع دکمه های هم مرز.
دارای گوشه گرد
اضافه کنید .rounded-pill به دکمه پیش فرض برای بدست آوردن گوشه های گرد.
دکمه گرد
از کلاس استفاده کنید .btn-outline-** برای ایجاد سریع دکمه های هم مرز.
دکمه های نرم
از کلاس استفاده کنید .btn-soft-** برای ایجاد سریع دکمه های رنگی پس زمینه نرم.
دکمه های گرد نرم
از کلاس استفاده کنید .btn-soft-** .rounded-pill برای ایجاد سریع دکمه های رنگی پس زمینه نرم با گرد.
دکمه های شیب
از کلاس های دکمه در یک <a>, <button> یا <input> عنصر.
دکمه های گرد شیب
از کلاس استفاده کنید .btn-outline-** برای ایجاد سریع دکمه های هم مرز.
دکمه های شبح
از کلاس استفاده کنید .btn-ghost-** برای ایجاد سریع دکمه های رنگی پس زمینه شبح.
دکمه های گرد ارواح
از کلاس استفاده کنید .btn-ghost-** .rounded-pill برای ایجاد سریع دکمه های رنگی پس زمینه شبح با گرد.
اندازه دکمه
اضافه کنید .btn-lg, .btn-sm برای اندازه های اضافی
دارای دکمه اختلال در
اضافه کنید disabledویژگی به <button> دکمه ها.
دکمه های نماد
دکمه فقط نماد.
دکمه بلوک
با اضافه کردن کلاس دکمه های سطح بلوک ایجاد کنید.d-gridبه والدین.
گروه دکمه
یک سری دکمه ها را با .btn in .btn-group.
دکمه تاگل
اضافه کنید data-bs-toggle="button" برای جابجایی یک دکمهفعال sدولتاگر یک دکمه را از قبل جمع می کنید ، باید به صورت دستی اضافه کنید.active طبقه و aria-pressed="true" برای اطمینان از انتقال مناسب به فن آوری های کمکی.
برچسب ها
در .btnکلاس ها برای استفاده از آن طراحی شده اند <button> عنصر. با این حال ، شما همچنین می توانید از این کلاس ها استفاده کنید <a> یا <input> عنصر (گرچه برخی از مرورگرها ممکن است یک رندر کمی متفاوت را اعمال کنند).
دکمه اصلی
بوت سترپ یک پایه دارد .btn کلاس که سبک های اساسی مانند بالشتک و تراز محتوا را تنظیم می کند.به طور پیش فرض ، .btnکنترل ها از مرز و رنگ پس زمینه شفاف برخوردار هستند و فاقد هرگونه تمرکز صریح و سبک های شناور هستند.