ブートストラップドロップダウンサイズの設定方法は？

Question

私はデザインに非常に新しいです。

私の要件は、私の選択ボックスにcol-mg-2を設定することです。

が、それはここでadujestbleていない私は、選択ボックスのサイズもincreaingオプションの長さをincreseた場合、私はフィドルリンク

http://jsfiddle.net/soumyagangamwar/pno7xojh/2/

を取り付けました。私はそれをcol-mg-2として修正したいと思います。ドロップダウンオプションの長さがそれほど大きければ、私は2行を分割します。

私のコードは

<div class="form-group"> 
<div class="col-md-3"> 
<select class="form-control" ng-model="sourceColumn" 
     ng-options="column.label for column in operationColumn"> 
<option value="">Source Columns</option> 
</select> 
</div> 

のようである私を助けてください？

Answer 1

col-*-2

<form class="form-inline" role="form" name="joinGeneralInfo"> 
     <div class="col-xs-2"> 
     <select class="form-control" ng-model="sourceTable" 
       ng-options="tabelName.label for tabelName in operationData" 
       ng-change="getOperationColumns(sourceTable)"> 
     <option value=""> Source Tables</option> 
     </select> 

     </div> 

    <div class="col-xs-2"> 
     <select class="form-control" ng-model="sourceColumn" 
       ng-options="column in operationColumn"> 
     <option value="">Source Columns</option> 
     </select> 
     </div> 
</form> 

http://jsfiddle.net/pno7xojh/4/

Answer 2

はこれを試してみてください、あなたのでラップ：

あなたはあなたの選択

に幅

が追加CSSとidを調整することができます

その後、サイズを調整するためにCSSを使用します。

#tableID 
{ 
    width:30%;//You can adjust the width to your required size. 
    }