我如何在文本框和图标之间给出空间: -
<div class="input-group">
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
<span class="input-group-addon" id="basic-addon1">@</span>
</div>
使用 margin-right
<div class="input-group">
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" style="margin-right: 10px">
<span class="input-group-addon" id="basic-addon1">@</span>
</div>
这是工作示例。
<!DOCTYPE html>
<html>
<body>
<div class="input-group">
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" style="margin-right: 10px">
<span class="input-group-addon" id="basic-addon1">@</span>
</div>
</body>
</html>