عناصر اساسی

انواع ورودی

رایج ترین کنترل فرم، فیلدهای ورودی مبتنی بر متن. text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

بلوکی از متن راهنما که بر روی a شکسته می شود\n

منو را انتخاب کنید

سفارشی<select> menus need only a custom class, .form-select to trigger the custom styles.

سوئیچ ها

یک سوئیچ دارای نشانه گذاری یک چک باکس سفارشی است اما از آن استفاده می کند.form-switch class to render a toggle switch. Switches also support the disabled attribute.

چک باکس ها و رادیوها

برچسب های شناور

یک جفت بپیچید<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., ~).

مثال شناور

انتخاب می کند

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

تنظیم ارتفاع با استفاده از کلاس هایی مانند.input-lg, and set widths using grid column classes like .col-lg-*.

گروه ورودی

با افزودن متن، دکمه‌ها یا گروه‌های دکمه در هر طرف، کنترل‌های فرم را به راحتی گسترش دهید\n

@

مثال پایه

ما هرگز ایمیل شما را به اشتراک نمی گذاریم\n

فرم افقی

اندازه ستون

همانطور که در مثال های قبلی نشان داده شد، سیستم شبکه ما به شما امکان می دهد هر تعداد را قرار دهید.cols within a .row.

اندازه گیری خودکار
@

ناودان

طرح‌بندی‌های پیچیده‌تری را نیز می‌توان با شبکه ایجاد کرد\n

چک باکس سفارشی - پایه

پشتیبانی از رنگ های برند بوت استرپ:.form-check, .form-check-* etc.

چک باکس سفارشی - حلقه شده

.rounded-circle for roundness.

چک باکس سفارشی - غیرفعال است

حالت غیر فعال نیز پشتیبانی می شود.

رادیو سفارشی - پایه

پشتیبانی از رنگ های برند بوت استرپ:.form-check, .form-check-* etc.

رادیو سفارشی - غیرفعال است

حالت غیر فعال نیز پشتیبانی می شود.

تنظیمات پوسته
طرح رنگی
عرض محتوا
حالت چیدمان
رنگ نوار بالای صفحه
رنگ منو
تن نماد منو