html - 在 Bootstrap 导航栏中创建登录表单

Question

我想在 Bootstrap 导航栏中添加两件事：

“记住我”复选框和忘记密码链接。我设法做了复选框，但链接没有正确放置：

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>

我可以修复它，但我想使用 Bootstrap 功能来完成它，也许使用复选框 CSS？除了填充和边距，我什么也没看到......

谢谢你的帮助

TL;DR 我需要将链接放在密码字段下，比如复选框！

Answer 1

您的标签和链接都采用块样式。

要解决这个问题：

(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>