在引导对话框

对齐表单元素，我创建这里的问题的演示：http://jsfiddle.net/XwCBa/在引导对话框

这里的形式要求提供的电子邮件地址和密码，再下面是“记住我”复选框，然后“忘记密码“链接（按钮）。

这是我的问题 - “忘记密码”链接是下面的复选框。它希望它与相同，行与复选框相同，而右对齐。

我一直在敲这一段时间，我似乎无法得到“忘记密码”链接，我需要它。有什么建议么？

<div class="controls controls-row"> 
    <label class="checkbox span4"><input type="checkbox" id="inlineCheckbox1" value="option1"> Remember me for 2 weeks</label> 
    <button type="button" class="btn-link span2">Forgot Password?</button> 
</div>

来源

2013-05-13 Todd Davis

你可以把按钮“复选框”的标签里面，然后在控制组这样使用pull-right ...

<div class="control-group pull-right"> 
<div class="controls controls-row"> 
    <label class="checkbox"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Remember me for 2 weeks <button type="button" class="btn-link">Forgot Password?</button></label> 
</div>         
</div>

http://jsfiddle.net/skelly/XwCBa/2/

来源

2013-05-13 18:08:20 ZimSystem

嗯，谢谢斯凯利。实际上，我通过将右键移动到“忘记密码”链接来修改你的代码，这样他们就可以对齐他们应该在的位置。但这基本上是答案，把它们都放在标签中。

<div class="control-group"> 
    <div class="controls controls-row"> 
     <label class="checkbox"> <input type="checkbox" id="inlineCheckbox1" value="option1"> Remember me for 2 weeks <button type="button" class="btn-link pull-right">Forgot Password?</button></label> 
    </div> 
</div>

来源

2013-05-13 18:21:00

在引导对话框

回答

相关问题