彼此相鄰的兩個輸入字段引導程序3

Question

我是引導程序的新手，並且在將兩個輸入字段放在一起時出現問題。我在互聯網上搜索（和bootstrap.com），但找不到anser。 The code

Result. But I need the input fields and button next to each other in one row

我試着用列...沒有工作

Answer 1

你可以遵循：Display two fields side by side in a Bootstrap Form

<div class="input-group"> 
<input type="text" class="form-control" placeholder="Start"/> 
<span class="input-group-addon">-</span> 
<input type="text" class="form-control" placeholder="End"/> 

Answer 2

你可以試試下面的代碼

<div class="container content"> 
    <div class='row'> 
     <form role="form" class="form-horizontal" method="post"> 
      <div class='col-xs-12 col-sm-4'> 
       <div class="form-group"> 
        <input class="form-control" name="" placeholder="Search from this date"> 
       </div> 
      </div> 
      <div class='col-xs-12 col-sm-4'> 
       <div class="form-group"> 
        <input class="form-control" name="" placeholder="Search till this date"> 
       </div> 
      </div> 
      <div class='col-xs-12'> 
       <div class="form-group"> 
        <button class="btn btn-primary">Search</button> 
       </div> 
      </div> 
      <div class='col-xs-12'> 
       <div class="form-group"> 
        <a href="link">Back</a> 
       </div> 
      </div> 
     </form> 
    </div> 
</div>