html - 如何使用 Bootstrap css 将 2 个输入合并为 1 个?

标签 html css twitter-bootstrap

我有 2 个彼此相邻的 字段。我想要实现的目标类似于 Bootstrap 中的类 class="input-group-addon" - 不幸的是它仅适用于 。 如何将这些输入合并为一个?

jsFiddle

这就是我要找的:

target

最佳答案

试试这个 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/

相关文章:

python - 使用Django和Bootstrap类创建单选表单的问题

css - :hover仅覆盖固定区域?

css - 图片在 Firefox 上无响应

javascript - jQuery中的width,innerWidth和outerWidth,height,innerHeight和outerHeight有什么区别

html - 在 Bootstrap 3 中与 block 级按钮在同一行显示文本

css - Bootstrap 按钮轮廓是怎么回事?

javascript - 输入尺寸错误

javascript - 使用jquery单击每个选项卡时如何更改链接url

html - CSS - 将位置从固定更改为允许滚动

javascript - 根据收件箱值计算MySql数据