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