Два поля ввода рядом друг с другом bootstrap 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>