0

コードの問題は何ですか？jsfiddleでご覧ください。
1. インライン ヘルプが途中で表示されない。
2. ウィンドウをスクロールすると、インライン ヘルプのマージンが正しくありません。

http://i.stack.imgur.com/8oCG5.jpg

        <form class="well  ">
        <div class="controls controls-row ">
            <input type="text" placeholder="Name" class="span5 ">
            <span class="help-inline">Please Enter Small Name.</span>
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span5" class="span5">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span4" class="span4">
            <input type="text" placeholder=".span1" class="span1">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span3" class="span3">
            <input type="text" placeholder=".span2" class="span2">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span2" class="span2">
            <input type="text" placeholder=".span3" class="span3">
        </div>
        <div class="controls controls-row">
            <input type="text" placeholder=".span1" class="span1">
            <input type="text" placeholder=".span4" class="span4">
        </div>
    </form>
4

2 に答える 2

1 
              <form class="well  ">
                    <div class="controls controls-row ">
                      <input type="text" placeholder=".spanName">
                      <span class="help-inline">Inline help text</span>
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span5" class="span5">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span4" class="span4">
                        <input type="text" placeholder=".span1" class="span1">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span3" class="span3">
                        <input type="text" placeholder=".span2" class="span2">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span2" class="span2">
                        <input type="text" placeholder=".span3" class="span3">
                    </div>
                    <div class="controls controls-row">
                        <input type="text" placeholder=".span1" class="span1">
                        <input type="text" placeholder=".span4" class="span4">
                    </div>
                </form>

入力でクラスを使用しています (class="span5" は大きすぎてインライン ヘルプを使用できないため、インライン ヘルプが機能するように通常のサイズにすることをお勧めします。これがあなたが望むものだと思います)

于 2013-01-20T16:36:17.690 に答える
1

クラスは、クラスが添付されたフォームと、フォームにないコンテナー.help-inlineのコンテキスト内でのみ適切に機能します。これを克服するには、ブロックを自分でいくつかの負のマージンに揃えるか、フォームを適切に設定して、適切なコンテナーと共にクラスを使用します。.form-horizontal.control-group.help-inline.form-horizontal.control-group

于 2013-01-21T02:24:41.323 に答える