عناصر فرم
ورودی های متنی
در اینجا نمونه هایی از .form-control برای هر کدام اعمال می شود متنی HTML5 <input> نوع .
فرم پایه
مثال اصلی برای نشان دادن سبک های فرم بوت استرپ.
فرم افقی
حتما استفاده کنید.col-form-label-smیا .col-form-label-lg به شما <label>یا <legend> به درستی دنبال اندازه.form-control-lg و .form-control-sm .
سبک های سفارشی
نمونه استایل سفارشی.
فرم درون خطی
استفاده کنید.col-auto کلاس برای ایجاد طرح بندی افقی.
اندازه ورودی
تنظیم ارتفاع با استفاده از کلاس هایی مانند .form-control-lg و .form-control-sm .
مرورگر فایل
ورودی فایل از بین دسته‌ای که بیشتر می‌شود، محفوظ‌ترین است و به موارد اضافی نیاز دارد جاوا اسکریپت اگر می‌خواهید آنها را با فایل کاربردی انتخاب کنید... و متن نام فایل انتخاب شده را متصل کنید.
کنترل های فرم
مثال اصلی برای نشان دادن سبک های فرم بوت استرپ.
محدوده
ورودی‌های محدوده سفارشی ما را برای استایل متقابل مرورگر و سفارشی‌سازی داخلی سازگار استفاده کنید.
سوئیچ
یک سوئیچ دارای نشانه گذاری یک چک باکس سفارشی است اما از آن استفاده می کند .custom-switch کلاس برای ارائه یک سوئیچ ها نیز پشتیبانی می کنندغیرفعال attribute.
چک باکس
برای سفارشی سازی بیشتر و سازگاری بین مرورگرها، از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض های مرورگر استفاده کنید. آنها بر روی نشانه‌گذاری معنایی و قابل دسترس ساخته شده‌اند، بنابراین جایگزینی محکم برای هر گونه کنترل فرم پیش‌فرض هستند.
رادیو
برای سفارشی سازی بیشتر و سازگاری بین مرورگرها، از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض های مرورگر استفاده کنید. آنها بر روی نشانه گذاری معنایی و قابل دسترس ساخته شده اند، بنابراین جایگزینی محکم برای هر گونه کنترل فرم پیش فرض هستند.
گروه های ورودی ایستا
با افزودن متن، دکمه ها، کنترل های فرم را به راحتی گسترش دهید، یا گروه های دکمه ای در دو طرف ورودی های متنی، انتخاب های سفارشی و ورودی های فایل سفارشی.
دکمه های گروه های ورودی
با افزودن متن، دکمه ها، کنترل های فرم را به راحتی گسترش دهید، یا گروه های دکمه ای در دو طرف ورودی های متنی، انتخاب های سفارشی و ورودی های فایل سفارشی.