2

我在这里创建了一个问题的演示：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>
4

2 回答 2

1

您可以将按钮放在“复选框”标签内，然后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-13T18:08:20.013 回答
0

啊，谢谢你，斯凯利。实际上，我通过将下拉右移到“忘记密码”链接对您的代码进行了一些修改，这样它们都可以对齐它们应该在的位置。但这基本上就是答案，将它们都放在标签中。

<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-13T18:21:00.647 回答