我需要有关在 Bootstrap 中内联表单的帮助。
我希望所有输入的高度相同(或居中),但问题是当我收到验证消息时。 演示: http://codepen.io/Tursky/pen/gpvgBL?editors=100
并且在 Input 下也有这条消息
谢谢你的帮助
<form class="col-xs-12">
<div class="form-inline row" style="padding:25px;">
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" >ERROR</span>
</div>
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" ></span>
</div>
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" ></span>
</div>
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" ></span>
</div>
</div>
最佳答案
您可以使用
(新空白的快捷方式)填充该空间。
工作示例 here .
<form class="col-xs-12">
<div class="form-inline row" style="padding:25px;">
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" >ERROR</span>
</div>
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" > </span>
</div>
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" > </span>
</div>
<div class="form-group has-feedback">
<label class="control-label" for="playerId">*Player ID</label>
<input type="text" class="form-control player-input" id="playerId" name="playerId">
<span id="playerIdError" class="help-block" > </span>
</div>
</div>
</form>
关于html - Bootstrap 表单内联不与验证消息居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31169233/