2016-04-15 8 views
0

フォームを使用すると、入力の上にラベルが表示されます。 ボタンをボタンに合わせる方法は?ボトムにボタンを合わせる

<form role="form"> 
    <div class="form-group"> 
     <div class="col-xs-1"> 
     <label for="searchLodgerNumber">Numéro</label> 
     <input type="text" class="form-control" placeholder="Numéro, 2 caractère" name="searchLodgerNumber" id="searchLodgerNumber"> 
     </div> 
     <div class="col-xs-2"> 
     <label for="searchLodgerLastName">Nom</label> 
     <input type="text" class="form-control" placeholder="Nom, min 2 caractère" name="searchLodgerLastName" id="searchLodgerLastName"> 
     </div> 
    </div> 
    <div class="input-group-btn"> 
     <button id="lodgerSearch" type="button" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button> 
    </div> 
    </form> 
</form> 

は、私が取得するために、検索、編集

修正フィドル https://jsfiddle.net/6wavvbxx/1/

enter image description here

のここでのデモ

だけでチェックを作成しenter image description here

+0

あなたは下の検索ボタンを置く意味Iボタンで再構造化HTMLクラスビット、これを試してみてください? – claudios

答えて

0

フィドル:Fiddle

<div class="col-xs-1"> 
    <div class="spacer"></div> 
    <button type="submit" class="btn btn-default"> 
     <i class="glyphicon glyphicon-search"></i> 
    </button> 
    </div> 

カスタムCSS:

.spacer{ 
    margin-bottom:23px; 
} 
+0

hum同じ結果 –

+0

あなたはフィドルを見ましたか?それはうまく見えます – andre3wap

+0

上記の同じコードが適用されますが、独自のフォームグループクラスにボタンを配置してみてください。このフィドルを試してみてください:https://jsfiddle.net/6wavvbxx/8/ – andre3wap

関連する問題