如何设置自举下拉大小？

Question

我对设计很陌生。

我的要求是我想为我的选择框设置col-mg-2。

但它不是adujestble这里我附小提琴链接

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

如果我适当增加选项长度选择框的大小也increaing。我想将它修复为col-mg-2，如果下拉选项长度太远，那么它i =分成两行。

我的代码是这样

<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

包住select box一个div与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为您的选择

<select class="form-control" ng-model="sourceColumn" id="tableID" 
    ng-options="column.label for column in operationColumn"> 

然后用CSS来调整大小：

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