2013-04-23 72 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