Bootstrap 3: Aynı satırdaki iki form

Question

Kayıt için iki form hazırladım. Aşağıdaki kodu sayfaya eklediğimde, ikinci alan otomatik olarak ilkinin altına düşer. Onun yanına gitmek isterim. Burada

<h1>Register</h1> 


<input type="text" class="form-control" placeholder="Forename" autofocus style="width:150px"> 
<input type="text" class="form-control" placeholder="Surname" autofocus style="width:150px"> 

normal html ( currently) benziyor ve bu ı benziyor istediğim ne olduğuna dair bir örnektir. Ancak önyükleme sırasında, Bootstrap'in sitesinde inline form styling numaralı yeni satırın

Answer 1

numarasını almayı sürdürüyor.

<div class="row"> 
    <div class="col-lg-2"> 
    <input type="text" class="form-control" placeholder=".col-lg-2"> 
    </div> 
    <div class="col-lg-3"> 
    <input type="text" class="form-control" placeholder=".col-lg-3"> 
    </div> 
    <div class="col-lg-4"> 
    <input type="text" class="form-control" placeholder=".col-lg-4"> 
    </div> 
</div> 

:

<form class="form-inline" role="form"> 
    <div class="form-group"> 
    <label class="sr-only" for="exampleInputEmail2">Email address</label> 
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email"> 
    </div> 
    <div class="form-group"> 
    <label class="sr-only" for="exampleInputPassword2">Password</label> 
    <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"> 
    </div> 
</form> 

Alternatif olarak, use columns yan yana form öğeleri koymak olabilir