1

日付ドロップダウンフィールドを含むフォームを作成し、インラインでうまく表示しようとしています。フィールドはinput-appendを使用しなくても問題ありませんが、使用すると問題が発生します-

これがコードです

<div class="control-group">
            <label class="control-label" for="title">
                <a data-toggle="collapse" data-target="#collapse_date">
                    Add a date
                </a>
            </label>
            <div id="collapse_date" class="controls collapse input-append date form_datetime" data-date="2013-09-16T05:25:07Z" data-date-format="dd MM yyyy - hh:ii" data-link-field="dtp_input1" >

                    <input size="16" type="text" value="" readonly><span class="add-on"><i class="icon-th"></i></span>

            </div>
        </div>

これが結果です。

オフ

ご覧のとおり、入力フィールドは何らかの理由で右揃えになっています。ここでは、色とは別にスタンド ブーストラップを使用しています。ブーストラップのより深い知識を持つ誰かが、私がどこで間違っているのかを指摘できるでしょうか?

4

1 に答える 1

2

あなたの.controlsdivと.input-appenddivは同じdivです。その div からクラスを削除し、input-append唯一のクラスが である div 内で入力とスパンをラップしてみてくださいinput-append。

于 2013-02-08T02:54:50.393 に答える