Question

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

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

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

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

1 个答案: