Twitter bootstrap 3 ui选择:在引导网格系统中设置宽度

Twitter bootstrap 3 ui选择:在引导网格系统中设置宽度,twitter-bootstrap-3,ui-select,Twitter Bootstrap 3,Ui Select,我在引导网格中有一个带有ui选择的表单。 我希望我的ui选择与它下面的输入一样宽。 这是我的密码 <div class="col-md-12"> <div class="col-md-6 form-group"> <label class="col-md-4" style="text-align:right;">Pays</label> <div class="col-md-8">

我在引导网格中有一个带有ui选择的表单。 我希望我的ui选择与它下面的输入一样宽。 这是我的密码

<div class="col-md-12">
   <div class="col-md-6 form-group">
        <label class="col-md-4" style="text-align:right;">Pays</label>
        <div class="col-md-8">
            <ui-select ng-model="adresse.pays" theme="select2" ng-disabled="disabled" ame="pays">
                <ui-select-match placeholder="Sélectionnez un pays..." allow-clear>{{$select.selected.nom}}</ui-select-match>
                <ui-select-choices repeat="pays in payss | propsFilter: {nom : $select.search}">
                    <div ng-bind-html="pays.nom | highlight: $select.search"></div>
                </ui-select-choices>
            </ui-select>
        </div>
    </div>
    <div class="col-md-6">
        <label class="col-md-4" style="text-align:right;">Mail</label>
        <input type="text" class="col-md-3 input-sm"
            ng-model="adresse.mail">
    </div>
</div>
<div class="col-md-12">
    <div class="form-group col-md-6">
        <label class="col-md-4" style="text-align:right;">Code adresse client</label>
        <input type="text" class="col-md-8 input-sm"
            ng-model="adresse.codeAdresseClient" name="codeAdresse">
    </div>
    <div class="form-group col-md-6">
        <label class="col-md-4" style="text-align:right;">Interlocuteur</label>
        <input type="text" class="col-md-3 input-sm"
            ng-model="adresse.interlocuteur" name="interlocuteur">
    </div>
</div>  

支付
{{$select.selected.nom}
邮寄
代码地址客户端
对话者
此代码生成以下内容:

如果有人知道怎么做。。。
提前谢谢。

我的建议是

  • 使用引导主题(而不是选择2),或
  • 只需将宽度设置为100%
检查此选项:


...
...

bootstrap主题进行修复。:)这太完美了!这应该是公认的答案。谢谢你的盛情款待!谢谢:)
<ui-select ng-model="person.selected" theme="bootstrap">
  ...
</ui-select>

<ui-select ng-model="person.selected" theme="select2" style="width:100%">
  ...
</ui-select>
.ui-select-multiple input.ui-select-search {
     width: auto !important;
}