/ / Zurb Foundationを使用したフォームの表示要素 - zurb-foundation

Zurb Foundationを使用したフォームの表示要素 - zurb-foundation

私は CSS Framework Foundation 私は次のコードを書くとき:

<div class="row">
<div class="two mobile-one columns"><label for="invoiceterm-summary" class="right inline">Become late <span class="required">*</span></label></div>
<div class="ten mobile-three columns"><input class="one" id="invoiceterm-late" name="invoiceterm[late]" type="text" value=""> days after invoice sent</div>
</div>
​

私はこれを得る:

ここに画像の説明を入力

しかし、私はテキストを表示したい 「請求書送付後の日数」 このような:

ここに画像の説明を入力

回答:

回答№1は0

これらの要素はすべて単一のものにする必要があります。

<div class="row">
<div class="twelve mobile-four columns"></div>
</div>

それ以外の場合は、画面サイズが小さくなるにつれて列が積み重なり、正しく動作します。


回答№2の場合は0

私はfoundation.cssファイルのinput [type = "text"]のCSS定義からdisplay:blockプロパティを削除しなければならなかった


関連する質問


コメント(0)

コメントを追加