2013-04-23 70 views
1

我想添加兩件東西到Bootstrap導航欄:在Bootstrap navbar創建登錄表單

'記住我'複選框和忘記密碼鏈接。 我能夠做到的複選框,但鏈接放置不正確:

http://jsfiddle.net/wusMf/1/

<label class="checkbox"> 
<input type="checkbox" value="remember-me"> Remember me 
</label> 
<a class="help-block" href="#">Forgot password?</a> 

我可以修復它,但我想使用的功能引導做到這一點,也許使用複選框CSS?我沒有看到任何東西,除了在填充和保證金...

感謝您的幫助

TL; DR 我需要密碼字段下放置的鏈接,如複選框!

回答

3

你的標籤和你的鏈接都變得塊風格。

要解決這個問題:

(1)總結你的兩個複選框,標籤和你在一個字段鏈接。

(2)關於鏈接,將class="help-block"更改爲class="help-inline"

(3)對於標籤,添加類「內聯(例如,class="checkbox inline"

代碼:

<fieldset> 
    <label class="checkbox inline"> 
     <input type="checkbox" value="remember-me"> Remember me 
    </label> 
    <a class="help-inline" href="#">Forgot password?</a> 
</fieldset> 
+0

它的工作原理,非常感謝 – Vilarix 2013-04-23 13:36:32

+0

這對我的作品,但我有2個輸入!和一個內聯按鈕,我似乎必須在按鈕或按鈕被按下複選框之後放置字段集,我該如何解決這個問題? – jphreak 2014-08-04 02:53:39