عناصر اساسی
انواع ورودی
رایج ترین کنترل فرم، فیلدهای ورودی مبتنی بر متن. شامل پشتیبانی از همه انواع HTML5 است: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, telو color.
منو را انتخاب کنید
منوهای سفارشی <select>فقط به یک کلاس سفارشی نیاز دارند .form-selectتا سبک های سفارشی را فعال کنند.
سوئیچ ها
یک سوئیچ دارای نشانه گذاری یک چک باکس سفارشی است اما از .form-switchکلاس برای ارائه یک سوئیچ تعویض استفاده می کند. سوئیچ ها نیز از این disabledویژگی پشتیبانی می کنند.
چک باکس ها و رادیوها
برچسب های شناور
Wrap a pair of <input class="form-control"> and <label> elements in .form-floating to enable floating labels with Bootstrap’s textual form fields. A placeholder is required on each <input> as our method of CSS-only floating labels uses the :placeholder-shown pseudo-element. Also note that the <input> must come first so we can utilize a sibling selector (e.g., ~).
Floating Example
Selects
Input Sizes
Set heights using classes like .input-lg, and set widths using grid column classes like .col-lg-*.
Input Group
با افزودن متن، دکمه‌ها یا گروه‌های دکمه در دو طرف ورودی‌های متنی، انتخاب‌های سفارشی و ورودی‌های فایل سفارشی، کنترل‌های فرم را به راحتی گسترش دهید.
مثال پایه
فرم افقی
اندازه ستون
همانطور که در مثال های قبلی نشان داده شد، سیستم گرید ما به شما امکان می دهد هر تعداد .cols را در یک قرار دهید .row.
اندازه گیری خودکار
ناودان
طرح‌بندی‌های پیچیده‌تری را نیز می‌توان با سیستم شبکه ایجاد کرد.
چک باکس سفارشی - پایه
پشتیبانی از رنگ های برند بوت استرپ: .form-checkو
.form-check-*غیره
کادر انتخاب سفارشی - دایره شده
.rounded-circleبرای گرد بودن
چک باکس سفارشی - غیرفعال است
حالت غیر فعال نیز پشتیبانی می شود.
رادیو سفارشی - پایه
پشتیبانی از رنگ های برند بوت استرپ: .form-checkو
.form-check-*غیره
رادیو سفارشی - غیرفعال است
حالت غیر فعال نیز پشتیبانی می شود.
