Bootstrap内联水平表单设计 [英] Bootstrap Inline-Horizontal Form Design
本文介绍了Bootstrap内联水平表单设计的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图合并bootstrap 3表单设计的水平内联功能!
I am trying to combine horizontal-inline features of bootstrap 3 form designs !
这是我目前的情况,你可以看到我创建了一个内联表单
This is what I have currently,you can see that i have created an inline form
>
我想要的checkbox元素和一个锚标签的忘记密码选项像这样。
我找到了我想要的FB登录表单设计的例子
I want the checkbox element and an anchor tag for forgot password option like this . I found the example of what I want @ FB login form design
我把我的代码@ Bootply Example
任何帮助都是好人!
推荐答案
这是我可以用纯bootstrap做的:
This is what I could do with pure bootstrap:
<form class="form-inline" role="form">
<div class="form-group">
<label label-default="" class="sr-only" for="exampleInputEmail2">Email address</label>
<input class="form-control" id="exampleInputEmail2"
placeholder="Enter email" type="email">
<div class="clearfix"></div>
<div class="checkbox">
<label>
<input type="checkbox">Remember me</label>
</div>
</div>
<div class="form-group">
<label label-default="" class="sr-only" for="exampleInputPassword2">Password</label>
<input class="form-control" id="exampleInputPassword2"
placeholder="Password" type="password">
<div class="clearfix"></div>
<div>
<a href="#">forgot password?</a>
</div>
</div>
<button type="submit" class="btn btn-primary btn-lg">Sign in</button>
</form>
这篇关于Bootstrap内联水平表单设计的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文