1

Bootstrap navbar に次の 2 つを追加したいと思います。

[記憶する] チェックボックスとパスワードを忘れた場合のリンク。チェックボックスを実行することはできましたが、リンクが正しく配置されていません:

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を使用して、Bootstrap機能を使用したいと思いますか? パディングとマージン以外は何も見ませんでした...

ご協力いただきありがとうございます

TL;DR チェックボックスのように、パスワード フィールドの下にリンクを配置する必要があります。

4

1 に答える 1

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>
于 2013-04-23T13:11:40.883 に答える