فرم ورودی گروه

پیش فرض

اضافه کن محدود با کلاس.input-group-prepend قبل از <input>

@

افزودن راست

اضافه کن محدود با کلاس.input-group-append بعد از <input>

@example.com

افزودن در هر دو طرف

اضافه کن .input-group-prependو.input-group-appendکلاس ها برایقبل و بعد از افزودن به<input>

ریال
.00

افزودن گروه ورودی با آیکون

افزودن گروه ورودی با آیکون راست

افزودن گروه ورودی با آیکون هر دو طرف

افزودن گروه ورودی با Spinner

افزودن گروه ورودی با Spinner راست

افزودن گروه ورودی با Spinner هر دو طرف

گروه ورودی با جعبه

گروه ورود با جعبه

اضافه کن محدود با کلاس.input-group-prepend قبل از <input>متن و افزودن جعبه در داخل

گروه ورودی با رادیو

اضافه کن محدود با کلاس.input-group-prepend قبل از <input> متن و اضافه کردن رادیو در داخل

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

گروه ورودی بزرگ

اضافه کن .input-group-lgکلاس به .input-groupبرای افزودن بزرگ

@

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

افزونه ورودی پیش فرض.

.00

گروه ورودی کوچک

اضافه کن .input-group-sm کلاس به .input-groupبرای افزودن کوچک

@example.com
دکمه های گروه ورودی

دکمه ورودی در سمت چپ

استفاده .input-group-prepend کلاس و اضافه کردن دکمه در داخل قبل از <input>

گروه ورودی دکمه در سمت راست

استفاده .input-group-btnکلاس و اضافه کردن دکمه در داخل بعد از <input>

دکمه ورودی در هر دو طرف

استفاده .input-group-prepend و .input-group-append کلاس قبل و بعد <input>

دکمه آیکون ورودی در سمت چپ

استفاده .input-group-prependکلاس و اضافه کردن دکمه با آیکون در داخل قبل از <input>

دکمه آیکون ورودی در سمت راست

استفاده .input-group-appendکلاس و اضافه کردن دکمه آیکون در داخل بعد از <input>

دکمه ورودی در هر دو طرف

استفاده .input-group-prepend و .input-group-append کلاس قبل و بعد <input>

دکمه ها با رها کردن

گروه ورودی کشویی در سمت راست

گروه ورودی کشویی در سمت چپ

گروه ورودی در هر دو طرف کاهش یافته است