تنظیمات و سایزبندی Input Group در Bootstrap :
Input Group یکی از اجزای مهم در فریمورک Bootstrap است که به کاربر امکان می‌دهد یک ترکیب از فیلد و دکمه یا عناصر دیگر را در یک خط نمایش دهد. این امکان به کاربران کمک می‌کند تا به راحتی و سرعت بیشتری اطلاعات را وارد کنند یا عملیات خاصی را انجام دهند.
در Bootstrap، می‌توانیم Input Group را به صورت عمودی یا افقی نمایش دهیم. همچنین، می‌توانیم آیکون‌ها و دکمه‌ها را در Input Group استفاده کنیم تا تجربه کاربری بهتری را ارائه دهیم.
برای تنظیمات و سایزبندی Input Group در Bootstrap، می‌توانیم از کلاس‌های آماده و ویژگی‌های فریمورک استفاده کنیم. به طور کلی، ما می‌توانیم از کلاس‌های “input-group”، “input-group-lg” و “input-group-sm” استفاده کنیم.
برای افقی کردن Input Group، از کلاس “input-group-prepend” و “input-group-append” برای اضافه کردن عناصر قبل و بعد از فیلد ورودی استفاده می‌کنیم. همچنین، می‌توانیم از کلاس “input-group-prepend” و “input-group-append” برای اضافه کردن دکمه‌ها و آیکون‌ها به Input Group استفاده کنیم.
به عنوان مثال، برای ایجاد یک Input Group افقی با یک دکمه قبل و یک فیلد ورودی، کد زیر را استفاده می‌کنیم:
“`html
“`
همچنین، می‌توانیم از کلاس “input-group-prepend” و “input-group-append” برای اضافه کردن آیکون‌ها به Input Group استفاده کنیم. برای این منظور، می‌توانیم از کلاس “input-group-text” استفاده کنیم. به عنوان مثال، برای اضافه کردن آیکون جستجو به یک Input Group، کد زیر را استفاده می‌کنیم:
“`html
“`
در Bootstrap، تنظیمات و سایزبندی Input Group بسیار ساده است. با استفاده از کلاس‌ها و ویژگی‌های فریمورک، می‌توانیم Input Group خود را به سادگی طراحی و سفارشی کنیم و تجربه کاربری بهتری را برای کاربران ایجاد کنیم.
