دکمه ها
دکمه همراه آیکن
دکمه های اصلی همان دکمه های قدیمی با گزینه های رنگ حاشیه هستند.
اندازه دکمه
برای اندازه‌های بیشتر، .btn-lg یا
.btn-sm را اضافه کنید.
دکمه مسدود کردن
برای اندازه‌های بیشتر، .d-grid یا
.gap-2 را اضافه کنید.
دکمه های آیکن
دکمه فقط نماد. کلاس‌های .btn-icon را
برای ایجاد دکمه‌ای با استایل اضافه کنید..
دکمه های اجتماعی
شما فقط می توانید از نمادها استفاده کنید.
برچسب‌های دکمه
افزودن .btn، <input>، <a>کلاس های برای ایجاد دکمه
استایل داده شده..
تغییر دکمه ها
افزودن data-bs-toggle="button" برای
جابجایی دکمه .active کلاس و الزامی
است aria-pressed="true".
دکمه های اجتماعی
دکمه کلاسیک، در طبقات اجتماعی مختلف.
دکمه بارگیری
برای استفاده از حالت بارگیری روی دکمه .btn-loading
را اضافه کنید. عرض دکمه به طول متن داخل آن بستگی دارد زیرا چرخش بارگیری با
استفاده از عنصر اجرا می شود.
دکمه کشویی
تغییر کشویی را با استفاده از رنگ‌ها و نمادهای مختلف پیاده‌سازی شده در سبک‌های
کشویی مختلف (دکمه یا پیوند شما) و منوی کشویی در .dropdown یا دیگری بپیچید.
عنصری که position: relative; را اعلام
می کند. کشویی ها را می توان از عناصر <a>
یا <button> فعال کرد تا بهتر با
نیازهای بالقوه شما مطابقت داشته باشد.
گروه دکمه اصلی
از هر یک از کلاس‌های .btn موجود در
.btn-group استفاده کنید تا به سرعت یک
دکمه استایل ایجاد کنید. .
نوار ابزار دکمه
مجموعه‌ای از گروه‌های دکمه را در نوار ابزار دکمه‌ها برای اجزای پیچیده‌تر ترکیب کنید.
گروه دکمه Outline
از کلاس‌های .btn .btn-outline- موجود
در .btn-group استفاده کنید. به سرعت
یک دکمه استایل ایجاد کنید.
دکمه‌های عرض حداقل
افزودن .btn، .w-xs،
.w-sm، .w-md، .w-lg،
کلاس هایی برای ایجاد دکمه استایل دار..
گروه دکمه چک باکس
از هر یک از کلاس‌های .btn موجود در
.btn-group استفاده کنید تا به سرعت یک
دکمه استایل ایجاد کنید. .
گروه دکمه های رادیویی
از هر یک از کلاس‌های .btn موجود در
.btn-group استفاده کنید تا به سرعت یک
دکمه استایل ایجاد کنید. .
اندازه های گروه دکمه
از هر یک از کلاس‌های .btn-group-*
موجود در .btn-group برای سریع استفاده
کنید یک دکمه استایل ایجاد کنید.
گروه دکمه عمودی
از هر یک از کلاس‌های موجود .btn-group-vertical
برای ایجاد دکمه استایل‌دار استفاده کنید.
