Question

阅读Bootstrap4文档时，它具有输入组的概念https://getbootstrap.com/docs/4.0/components/input-group/，这些似乎与标签相似，但与输入的联系更紧密。

我只是将非Bootstrap 4 Web应用程序转换为Bootstrap 4，它有许多包含输入字段的页面。因此，如果我使用输入组，我应该删除标签还是需要两者？

这是我的一个页面的截图，这是除了按钮之前的Boostrap之前，目前我的标签有浅蓝色的背景颜色（这是作为实验以前的背景是白色的）

Answer 1

我不会将input-group视为替换<label>。标签对浏览器具有特殊意义，特别是对于使用屏幕阅读器的视障人士。

也就是说，可以使输入组前置/追加项目成为标签，并充分利用这两个世界。只需将<span>更改为<label>即可正常工作：

<label class="input-group-text" id="basic-addon1">@</label>