چطوری توی بوت‌ استرپ ورژن ۵ اینپوت و دکمه رو در یک خط قرار بدم؟

سلام برای اینکه ورودی و دکمه  تو یه خط و هم‌ تراز قرار بگیرن، میتونی از کلاس‌ های فرم بوت‌ استرپ استفاده کنی. بهترین روش اینه که از یه input group استفاده کنی. اینجوری به‌ طور پیش‌فرض همه عناصر در یک خط قرار می‌گیرن و به‌ خوبی با هم تراز میشن. نمونه کد زیر رو بررسی کن:

<div class="input-group"> 
  <input type="text" class="form-control" placeholder="Enter text" />
   <button class="btn btn-primary" type="button">Button</button>
 </div>

اگر بخوای یه دکمه یا ورودی اضافه کنی، می‌تونی به همین شکل از کلاس‌های input-group و input-group-append استفاده کنی. اگر نیاز به تغییر اندازه یا استایل‌های خاصی داشتی، می‌تونی از کلاس‌های اضافی بوت‌ استرپ استفاده کنی.