Question

我有简单的html：

 <div class="row">

    <div class="col-md-4 pull-right">
        <input type="text" class="form-control input-sm" />
    </div>
</div>

<div class="row">
    <div class="col-md-4 pull-right">
        <select class="form-control input-sm">
            <option value="0">NEW</option>
            <option value="1">PROCESSING</option>
            <option value="2">SHIPPED</option>
            <option value="3">COMPLETED</option>
        </select>
    </div>
</div>

但是，输入比选择大。你能解释一下为什么吗？这是DEMO PS。我无法改变行。

Answer 1

这取决于您选择框的值长度，我不是引导程序方面的专家，但如果您想解决问题，则应该对代码进行一些更改：

select.input-sm {
    height: 30px;
    line-height: 30px;
    width: 100%;
}

.pull-right {
    float: right!important;
    width: 50%;
}

Working Fiddle

Answer 2

请参阅HTML中的输入字段具有内置固定宽度。因此，您必须覆盖或使用css中的width属性来增加输入字段的大小。如果您想更改宽度，请告诉我。

垂直对齐输入并从不同行中选择

2 个答案: