Richten Sie eine Auswahl Dropdown mit einem Eingabefeld mit Bootstrap

Question

Ich versuche, meine Auswahl Drop-down mit meinem Eingabefeld mit Bootstrap horizontal ausrichten. Aber es funktioniert nicht so weit. Ich habe <fieldset class="inline-fields"> verwendet, um dies zu tun. Das ist, was ich will:

Hier können Sie eine Plunker finden: https://plnkr.co/edit/PtW626uq9jkLCbBLR9Xc?p=preview

Answer 1

<fieldset class="inline-fields"> 
    <label>search</label> 
     <p>Find all:</p> 
     <div class = "row col-sm-12"> 
      <div class = "row col-sm-6 col-md-6"> 
       <select class="form-control" id="column_select"> 
        <option value="1">1</option> 
        <option value="2">2</option> 
        <option value="3">3</option> 
        <option value="4">4</option> 
        <option value="5">5</option> 
       </select> 
      </div> 
      <div class = "row col-sm-6 col-md-6"> 
       <label for="keten2"></label> 
       <input type="text" class="form-control" id="keten2" placeholder="Voer de naam van" name="keten2"></input> 
       <br/> 
      </div> 
     </div> 
    </fieldset> 

wie oben Bootstrap-Klassen hinzufügen. Arbeitete für mich.

Gehen Sie durch ein Bootstrap-Tutorial und verstehen Sie das Bootstrap-Grid-System.

Answer 2

Wrap beide Regler in einem Div mit Klasse Reihe

<div class="row"> </div> 

versuchen dann beide der Kontrollen einzeln in einer Verpackung:

<div class="col-xs-6"> </div> 

Eine gute Quelle mit Verständnis Bootstrap-Grids zu helfen, ist W3Schools: http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

Hoffe, dass hilft.