我有 2 <input>
彼此相邻的字段。我想要实现的东西类似于 for class class="input-group-addon"
在 Bootstrap 中 - 不幸的是它只适用于 <span>
.
如何将这些输入合并为一个?
这就是我要找的:
最佳答案
试试这个 CSS:
#firstInput {
width: 30%;
display: inline-block;
float: left;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
#secondInput {
width: 70%;
display: inline-block;
float: left;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-left:0px;
}
和 HTML:
<div class="form-group">
<label for="firstInput">First Input</label>
<div>
<input type="text" id="firstInput" name="firstInput" ng-model="obj.firstInput" class="form-control">
<input type="text" id="secondInput" name="secondInput" ng-model="obj.secondInput" class="form-control">
</div>
</div>
关于html - 如何使用 bootstrap css 将 2 个输入合并为 1 个输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42503186/