如何在引导窗体中对齐元素 [英] How to align elements in a bootstrap-form
本文介绍了如何在引导窗体中对齐元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
请查看我的代码@ http://www.bootply.com/VcVDblSFK7 - 我想具有在同一行中的键符号和输入控制的跨度(后面是error-msg的跨度)。但我做了太多的编辑,没有看到一个出路。
Pls. have a look at my code @ http://www.bootply.com/VcVDblSFK7 - I would like to have the span with the key-symbol and the input-control in the same row (followed by the span for the error-msg). but I've done too much editing and am not seeing a way out of this.
<div class="row">
<div class="col-md-8">
<div class="col-md-3">
<div class="input-group">
<span class="fa fa-key fa-fw input-group-addon"></span>
<input id="oldpswd" name="oldpswd" placeholder="Altes Passwort" type="password" class="form-control">
</div>
</div>
<span id="oldpswd_errmsg" class="bg-danger col-md-3">xxxx</span>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="col-md-3">
<div class="input-group">
<span class="fa fa-key fa-fw input-group-addon"></span>
<input id="newpswd" name="newpswd" placeholder="Neues Passwort" type="password" class="form-control">
</div>
</div>
<span id="newpswd_errmsg" class="bg-danger col-md-3">xxxx</span>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="col-md-3">
<div class="input-group">
<span class="fa fa-key fa-fw input-group-addon"></span>
<input id="reppswd" name="reppswd" placeholder="Passwort wiederholen" type="password" class="form-control">
</div>
</div>
<span id="reppswd_errmsg" class="bg-danger col-md-3">xxxx</span>
</div>
</div>
推荐答案
http://www.bootply.com/RBjyGORKLe
<div class="row">
<div class="col-md-8">
<div class="form-inline col-md-3">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><span class="fa fa-key fa-fw"></span></div>
<input id="oldpswd" name="oldpswd" placeholder="Altes Passwort" type="password" class="form-control">
</div>
</div>
</div>
<span id="oldpswd_errmsg" class="bg-danger col-md-3">xxxx</span>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="form-inline col-md-3">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><span class="fa fa-key fa-fw"></span></div>
<input id="oldpswd" name="newpswd" placeholder="Neues Passwort" type="password" class="form-control">
</div>
</div>
</div>
<span id="newpswd_errmsg" class="bg-danger col-md-3">xxxx</span>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="form-inline col-md-3">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><span class="fa fa-key fa-fw"></span></div>
<input id="reppswd" name="reppswd" placeholder="Passwort wiederholen" type="password" class="form-control">
</div>
</div>
</div>
<span id="reppswd_errmsg" class="bg-danger col-md-3">xxxx</span>
</div>
</div>
这篇关于如何在引导窗体中对齐元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文