0

最近bootstrap RC2andを使い始めたjquery select2のですが、クラスで使うとbootstrap form-control意外と余白が出て変に見えます。

ここに画像の説明を入力

誰かが私にこれについてのヒントを教えてもらえますか?

html

<div class="form-group">
    <div class="col-lg-6 sepereate-group">
    <select name="gender" id="gender" data-placeholder="Select gender" class="form-control select2">
        <option></option>
        <option value="1">Male</option>
        <option value="2">Female</option>
    </select>
</div>

<div class="form-group">
  <div class="col-lg-6 sepereate-group">
    <select name="gender" id="gender" data-placeholder="Select experience" class="form-control select2" >
        <option></option>
        <option value="1">No experience</option>
        <option value="2">Some experience</option>
        <option value="3">Experienced</option>
        <option value="4">Very experienced</option>
    </select>
    /div>
</div>
4

2 に答える 2

1

さて、解決しましform-groupた。選択タグからクラスを削除し、このようにselect2を定義しました

 $(".select2").select2({ width: '100%' });
于 2013-10-03T10:00:50.930 に答える
0

私は同じ問題に遭遇し、このライブラリを見つけました。期待どおりに動作します!

于 2014-02-17T22:04:59.603 に答える