引导程序 4 中的输入组插件答案

【问题标题】：input-group-addon in bootstrap 4引导程序 4 中的输入组插件
【发布时间】：2018-07-20 20:05:20
【问题描述】：

我正在开始一个新项目，我决定更新到 Bootstrap 4。创建一个表单时，我意识到“input-group-addon”类无法正常工作。

我不明白为什么，但是当我使用 bootstrap-4-alpha 时它可以完美运行。 bootstrap.css、bootstrap-grid.css 和 bootstrap-reboot.css 都没有对这个类的任何引用。

我错过了什么吗？他们删除了吗？

我不太了解 bootstrap、bootstrap-grid 和 bootstrap-reboot 之间的区别，但我猜这是另一个问题。

【问题讨论】：

阅读Bootstrap 4 documentation

标签： css twitter-bootstrap forms bootstrap-4 twitter-bootstrap-4

【解决方案1】：

Bootstrap 4 alpha 现在几乎是恐龙时代了。但这是您问题的答案：

我们为两个新课程 .input-group-prepend 和 .input-group-append 删除了 .input-group-addon 和 .input-group-btn。您现在必须显式使用附加或前置，简化我们的大部分 CSS。在追加或前置中，将按钮放置在其他任何位置，但将文本包装在 .input-group-text 中。

参考：

https://getbootstrap.com/docs/4.0/migration/#input-groups

和：

https://getbootstrap.com/docs/4.0/components/input-group/

【讨论】：

现在我明白了。感谢您的回答！无论如何，我认为这个解决方案更难使用，因为你必须使用 2 个标签和 2 个分类 [“input-group-append”+“input-group-text”]。此外，还有 2 个不同的类：首先出现的“前置”和最后出现的“附加”。