html - 在 div bootstrap 之间插入字符

Question

我有一个简单的行，其中有一个标签和两个输入类型编号

<form class="form-horizontal">
  <br>
  <div class="container">
    <label class="col-sm-2 control-label">Numero documento:</label>
    <div class="col-sm-3">
      <input type="number" id="firstDocumentNumber" class="form-control">
    </div>
    <div class="col-sm-1">
      <input type="number" id="secondDocumentNumber" class="form-control">
    </div>
  </div>
</form>

我需要像这样在两个输入类型之间插入一个斜杠 (/)

有人能帮帮我吗？这是我使用的代码 Bootply

提前致谢

Answer 1

我找到的最简单的方法是使用 CSS(尝试使用 Bootstrap 4):

<div class="col-sm-1" id="secondDocumentNumberCont">
  <input type="number" id="secondDocumentNumber" class="form-control">
</div>

#secondDocumentNumberCont:before {
    content: '/';
    position: absolute;
    margin-left: -8px;
    line-height: 2.3em;
}

margin-left 和 line-height 可能需要一些调整。