2

Twitter Bootstrap を使用してフォームを作成していますが、「help-inline」要素の配置に少し問題があります。

コードは次のとおりです。

<form class="form-horizontal" action="purchase.php" method="post" >
    <fieldset>

    <div class="control-group">
        <label class="control-label" for="date">Details</label>
        <div class="controls controls-row">

            <input class="span2" type="text" id="date" data-date-format="dd/mm/yyyy" title="Enter Date in DD/MM/YYYY Format Only" placeholder="DD/MM/YYYY" value="<?php echo $dateToday;?>" required>

            <input class="span2" type="text" name="resin" id="resin" title="Resin Name" placeholder="Resin Name" required/>

            <input class="span2" type="text" name="kg" id="kg" title="Enter Quantity in 00.0 format only" placeholder="Enter Quantity" pattern="\d+(\.\d{1})?" required/>

            <!-- Below is the problem in question-->
            <span class="help-inline">Error Text Here.</span>

        </div>
    </div>

    </fieldset>
</form>

「ここにエラー テキスト」がずれて表示されるスクリーンショット: https://dl.dropbox.com/u/128104/Random/mia.png

これを修正する方法はありますか？

4

1 に答える 1

0

line-height最も簡単な修正は、問題のスパンにCSSプロパティを設定することだと思います。増やすと、少し下に移動し、テキストボックスの中央に揃えやすくなります。

これらすべてをフィドルに入れると、StackOverflowのユーザーはコードを変更して動作を確認できるため、より優れたソリューションを提供しやすくなります。

PS日付inputフィールドに終了がありません/。

于 2012-09-18T11:30:31.307 に答える