0

Bootstrapv2.1.1を使用しています。入力の幅に問題があります。

これは私の単純な形式です：

<form>
    <div class="controls-row">
        <div class="span3">
            <label class="control-label">A:</label>
            <div class="controls">
                <input type="text" class="span3"/>
            </div>                
        </div>
        <div class="span4">
            <label class="control-label">B:</label>
            <div class="controls">
                <input type="text" class="span4"/>
            </div>                
        </div>        
    </div>
    <div class="controls-row">
        <div class="span3">
            <label class="control-label">C:</label>
            <div class="controls">
                <select class="span3">
                    <option>1111111</option>
                    <option>2222222</option>
                    <option>3333333</option>
                </select>
            </div>                
        </div>
        <div class="span4">
            <label class="control-label">D:</label>
            <div class="controls">
                <input type="text" class="span4"/>
            </div>                
        </div>        
    </div>    
</form>

このコードを使用すると、selectの幅が異なり、 span3クラスと同じではありません<input>。

span3を入れて（上記のコードを使用して）幅が等しいので、それは非常に奇妙です。

誰かがブートストラップスパンを使用して同じ幅を設定する方法を教えてくれます*

4

2 に答える 2

1

Bootstrapによると、入力などでspan*クラスを使用したdoumentationは機能するはずです。

http://twitter.github.com/bootstrap/base-css.html#forms

フォームが「form-horizo​​ntal」のクラスを持つフォームであるかのようにレイアウトされているのに、実際にはそのクラスが設定されていないため、機能しないのではないかと思います。

水平フォームがspan*クラスを使用して入力要素のサイズを設定できるかどうかはわかりません。

代わりに、要素で「input-block-level」クラスを使用してみて、それでうまくいくかどうかを確認できます。

于 2013-02-11T09:51:49.183 に答える
0

「インラインブロックレベル」を追加してみてください

http://twitter.github.com/bootstrap/base-css.html#forms

于 2013-02-11T18:10:09.967 に答える