ورودی‌ها و متن‌ها

کنترل‌های فرم متنی مانند <input> و <textarea> یک ارتقاء با سفارشی است سبک‌ها، حالت‌های تمرکز، و موارد دیگر.

اندازه ورودی متن

ارتفاع را با استفاده از کلاس‌هایی مانند .form-control-lg و .form-control-sm تنظیم کنید.

ورودی متن معتبر

متن ساده فقط خواندنی

اگر می‌خواهید عناصر <input readonly> را در فرم خود به صورت متن ساده استایل‌بندی کنید، از کلاس < form-control-plaintext> برای حذف استایل پیش فرض فیلد فرم و حفظ حاشیه و فاصله داخلی صحیح استفاده کنید

انتخاب

<select>های بومی را با CSS سفارشی که ظاهر اولیه عنصر را تغییر می دهد، سفارشی کنید.

اندازه‌ها را انتخاب کنید

همچنین می‌توانید از میان انتخاب‌های سفارشی کوچک و بزرگ انتخاب کنید تا با ورودی‌های نوشتاری با اندازه مشابه ما مطابقت داشته باشد.

عناصر عمومی

چک باکس و رادیو باتن

رادیو
رادیوهای متوسط
رادیوهای بزرگ
چک باکس
چک باکس متوسط
چک باکس بزرگ

سوییچ ها

سوییچ
سوییچ متوسط
سوییچ بزرگ
سوییچ ها
  • سوئیچ بوت استرپ پیشفرض
  • سوئیچ بوت استرپ اولیه
  • سوئیچ بوت استرپ موفقیت
  • سوئیچ بوت استرپ اطلاعات
  • سوئیچ بوت استرپ هشدار
  • سوئیچ بوت استرپ خطر

گروه های ورودی پیش فرض

@
@example.com
https://example.com/users/
هزار تومان .00
@

اندازه های گروه های ورودی

کوچک
پیشفرض
بزرگ

آپلودهای فایل بوت استرپ

عناصر فرم با اندازه

اندازه های کوچک form-control
Form-control اندازه های متوسط
Form-control اندازه های بزرگ