0

「span11」クラスを持つ入力フィールドの横にあるブートストラップのインライン ヘルプ クラスを使用しています。クラス「span11」のため、スパンは入力フィールドとインラインで表示されず、次の行に表示されます

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

<div class="control-group error" id="password-control">
<label class="control-label" for="password-confirm">Confirm Password</label>
<input type="password" size="30" name="register[confirm]" id="password-confirm" class="span11">
<span class="help-inline">password did not match</span>

span11 を削除すると、入力フィールドの横に表示されます。レスポンシブ テキスト フィールドに span11 が必要なため、削除できません。どうすればこれを修正できますか?ありがとうございました!:)

4

1 に答える 1

0

Twitter Bootstrap では、<input>は次のクラスを使用してサイズを調整することを意図しています。

input-small
input-medium
input-large
input-xlarge
input-xxlarge

これらのspanXクラスは<div>、 およびその他のコンテナー要素を対象としています (ただし、それらを使用して他のものに良い影響を与えたことは認めます)。

Bootstrap で提供されるレスポンシブ CSS を使用している場合、携帯電話サイズのビューポート幅になると、すべてのspanXクラスが になり、コンテンツが次の行にプッシュされるwidth:100%;ことが保証されます。help-inline

少なくとも、ビューポートが途方もなく小さくない限り、幅全体を埋めることはinput-smallありません。input-mediumhelp-inline

于 2012-08-26T19:18:03.680 に答える