当前位置 : 主页 > 网页制作 > css >

css – 如何修复表单控件的宽度?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我在 HTML中有以下代码: div class="col-sm-12" div ng-repeat="param in plugin.wsdlURLs track by $index" class="col-sm-12" select class="form-control col-sm-4" ng-model="test" ng-options="lOrU for lOrU in localOrUrl" /select input ty
我在 HTML中有以下代码:

<div class="col-sm-12">
  <div ng-repeat="param in plugin.wsdlURLs track by $index" class="col-sm-12">
    <select class="form-control col-sm-4" ng-model="test" ng-options="lOrU for lOrU in localOrUrl">
    </select>
    <input type="url" class="form-control col-sm-8 invalidInput">
  </div>
</div>

我遇到了一个问题,当我放置一个表单控件类时,它将显示一行中的select和另一行中的输入.
我想保留表单控件类,并在同一行显示选择和输入.
我知道问题来自表单控件,因为宽度是100%

好吧,你把很多col-sm柱嵌在彼此里面,这会导致一团糟.
试试这个:

<div ng-repeat="param in plugin.wsdlURLs track by $index" class="row">
        <div class="col-sm-4">
            <select class="form-control" ng-model="test" ng-options="lOrU for lOrU in localOrUrl">
            </select>
        </div>
        <div class="col-sm-8">
        <input type="url" class="form-control col-sm-8 invalidInput">
        </div>
    </div>
网友评论