在引導對話框

對齊表單元素，我創建這裏的問題的演示：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

在引導對話框

回答

相關問題