Html 在div引导之间插入字符
我有一个简单的行,其中有一个标签和两个输入类型编号Html 在div引导之间插入字符,html,css,twitter-bootstrap,character,Html,Css,Twitter Bootstrap,Character,我有一个简单的行,其中有一个标签和两个输入类型编号 <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"
<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>
数字文件:
我需要像这样在两个输入类型之间插入一个斜杠(/)
有人能帮我吗?这是我使用的代码
提前感谢您应该使用带有大小的跨度和格式,并按照您喜欢的方式对齐
<div class="site-index">
<div class="body-content">
<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>
<span class="col-sm-1 text-right" > / </span>
<div class="col-sm-1">
<input type="number" id="secondDocumentNumber" class="form-control">
</div>
</div>
</form>
我发现最简单的方法是使用CSS(使用Bootstrap 4进行了尝试):
左边距
&行高
可能需要一些调整。寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码。虽然您提供了一个示例的链接,但如果该链接无效,您的问题对其他具有相同问题的未来SO用户将毫无价值。而且链接不起作用,我没有注意到,我现在更正了。谢谢你的报道!您仍然需要在问题中包含代码。。。足以证明你的尝试。
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">/</span>
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
</div>
<div class="col-sm-1" id="secondDocumentNumberCont">
<input type="number" id="secondDocumentNumber" class="form-control">
</div>