输入组的中间有一个前置元素？

Question

我想在两个输入元素之间有一个前置元素。 我可以用额外的CSS来解决它，但这不是我想要的。

是否存在仅使用 bootstrap 并且没有额外的CSS 代码的解决方案？

/opt/lampp/etc

Answer 1

解决方案很简单。

只需一起使用类<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <div class="input-group input-group-sm m-4 w-50"> <input class="form-control" type="text"> <div class="input-group-prepend"> <div class="input-group-text">@</div> </div> <input class="form-control"></input> </div>和input-group-prepend。

input-group-append