2

次のようなフォームが必要です。

Order    Person      City           Street
1234     Joe         Hull           Coronation


Date         Phone
1/1/2001     051-666-333

デフォルトのスタイルでは、入力の上にラベルが表示されますが、すべての入力が積み重ねられます。

入力にラベルを付けるだけでなく、すべてのフィールドをインラインで相互に追跡する方法はありますか? できるだけ多くの twitter フレームワークに固執したいので、追加のマークアップや div を追加しすぎないようにすることが重要であることに注意してください。

4

1 に答える 1

0

@ManseUKがこれはおそらくcssの問題だと言ったように、これはjQueryとは何の関係もないと思います。これを要素で囲んでいるかどうかはわかりませんが、ブートストラップの行でこれを実行してから、コントロールグループをフロートさせることができるはずです。

http://jsfiddle.net/billpull/uWeW5/

このようなクラスをcssに追加するか、他の可能な他のプロパティに応じて名前を付けます

.float-left {
   float: left;
}

HTMLコードを次のように変更します。

         <div class="row">
            <div class="control-group float-left">
                <label class="control-label">Some label</label>
                <div class="controls">
                    <input type="text" />
                </div>
            </div>
            <div class="control-group float-left">
                <label class="control-label">Some label</label>
                <div class="controls">
                    <input type="text" />
                </div>
            </div>
            <div class="control-group float-left">
                <label class="control-label">Some label</label>
                <div class="controls">
                    <input type="text" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group float-left">
                <label class="control-label">Some label</label>
                <div class="controls">
                    <input type="text" />
                </div>
            </div>
            <div class="control-group float-left">
                <label class="control-label">Some label</label>
                <div class="controls">
                    <input type="text" />
                </div>
            </div>
        </div>

幅の制限によっては、フローティングではなくブートストラップのグリッドシステムを使用することをお勧めします。

于 2013-02-15T17:28:17.027 に答える