Twitter bootstrap 之间的差异：输入组前置和；追加（BS4）

有人能解释一下：输入组前置和输入组追加之间的区别吗，我在文档中找不到任何解释。

如果您阅读了，它会说它用于在输入的两侧放置一个附加组件或按钮，而在输入之前添加，在输入之后添加

因此，

input group prepend

应该如下所示：

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon1">preprend</span>
  </div>
  <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
</div>

如果您在Bootstrap4中检查css规则，您可以看到它们共享大多数规则，重要的是将div放在输入之前或之后

我使用Bootstrap创建了一个4个示例

.show grid>[class^=col-]{
填料顶部：.75rem；
填充底部：.75rem；
背景色：rgba（86,61124,15）；
边框：1px实心rgba（86,61124,2）；
}
钮扣{
高度：100px；
}

预弯
追加

您检查CSS了吗？Pre pend在输入之前，append在输入之后。这是基础英语

<div class="input-group mb-3">
  <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
  <div class="input-group-append">
    <span class="input-group-text" id="basic-addon2">append</span>
  </div>
</div>