Bootstrap satır içi form öğeleri

Question

Bir CAPTCHA resim ve metin kutusu satır içi yerleştirmeye çalışıyorum. Gruplama çözümleri, satır içi çözümler ve diğerleri denedim. Ancak, bana yardım etmiyor.

Herhangi bir yardım için teşekkür ederiz.

<form action="/Default/Perform" class="form-horizontal" method="post"> 
<div class="form-group"> 
    <label class="control-label col-sm-4" for="txtPassword">Password</label> 
    <div class="col-sm-6"> 
     <input type="password" class="form-control" id="txtPassword" maxlength="10" size="10" placeholder="Enter a password"> 
    </div> 
    <div class="col-sm-2">&nbsp;</div> 
</div> 
<div class="form-group">       
    <label class="control-label col-sm-4" for="CaptchaText">Enter the number:</label> 
    <div class="col-sm-6"> 
     <img src="/Default/ShowCaptchaImage">&nbsp;<input class="form-control" id="CaptchaText" name="CaptchaText" type="text"> 
    </div> 
</div> 
</form> 

Answer 1

bir sınıf ekleyin ve benzeri css vermek şöyle:

<div class="col-sm-6 test"> 
    <img src="/Default/ShowCaptchaImage">&nbsp; 
    <input class="form-control" id="CaptchaText" name="CaptchaText" type="text"> 
</div> 

CSS:

.test{ 
    display:flex; 
} 

Fiddle

Answer 2

Değişim

<div class="col-sm-6"> 
    <img src="/Default/ShowCaptchaImage" style="float:left;">&nbsp;<input class="form-control" id="CaptchaText" style="float:left;" name="CaptchaText" type="text"> 
</div>