我想創建一個內聯表格,使用標籤上方的輸入文本字段的引導,但結果看起來很混亂。
這是我的嘗試:
標籤上方輸入的自舉內聯表格
<form id="form" method="post" class="form-inline" >
<div class="row">
<div class="col-md-2">
<label for="from">from:</label>
<input type="text" class="form-control form-text" />
</div>
<div class="col-md-2">
<label for="to">to:</label>
<input type="text" class="form-control form-text"/>
</div>
<div class="input-group date col-md-2" id="datepicker">
<label for="checkin">check in</label>
<input type="text" class="form-control datepicker" name="processdate" />
<span class="input-group-addon btn"><i class="glyphicon glyphicon-calendar"></i> </span>
</div>
<div class="input-group date col-md-2" id="datepicker">
<label for="checkout">check out</label>
<input type="text" class="form-control datepicker" name="processdate" />
<span class="input-group-addon btn"><i class="glyphicon glyphicon-calendar"></i> </span>
</div>
<div class="col-md-2">
<input type="submit" class="btn btn-default" value="submit"/>
</div>
</div>
</form>
這是我的了:
result
如何獲得提交按鈕右邊的位置和glyphicons高度一樣的輸入字段我是什麼做錯了?
這很好用,但提交按鈕仍然不與其他字段對齊 – Pain
檢查此https://jsfiddle.net/05t4s041/1/ –
完美的作品謝謝 – Pain