Question

我对设计非常陌生。

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

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

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

如果我增加选项长度，选择框大小也会增加。我想把它修复为col-mg-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

将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>

一起打包

    <h2>Sign up</h2>
  <% resource.build_teacher if resource.teacher.nil? %>
 <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>

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

Answer 2

试试这个：

您可以调整宽度CSS

添加并识别您的选择

  <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.
  }

如何设置bootstrap下拉大小？

2 个答案: