Bootstrap 4.1 浮动标签

Question

我在 Google 上找到了 Bootstrap 4.1 的文档示例，其中它们具有浮动标签： getbootstrap.com/docs/4.1/examples/floating-labels/

但是，在该页面中，没有解释如何实现这一点，而且我在 4.1 版的文档中找不到任何内容。浮动标签甚至没有被列为 船舶列表 中的一项新功能。

有谁知道是否支持浮动标签？

原文由 don 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

它在 Bootstrap 示例 页面上说 浮动标签 是……

“实验 - 专注于面向未来的功能或技术的示例。”

像许多其他示例一样，示例中使用了一个额外的 CSS 文件…

使用 floating-labels.css 它们在受支持的浏览器中按预期工作……

https://www.codeply.com/go/X9VbHqzD4B

原文由 Zim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我为 Bootstrap 4 和 5 创建了一个输入浮动标签（与 Bootstrap 提供的外观不同）： https ://github.com/tkrotoff/bootstrap-floating-label

这是在线演示： https ://codesandbox.io/s/github/tkrotoff/bootstrap-floating-label/tree/codesandbox.io

原文由 tanguy_k 发布，翻译遵循 CC BY-SA 4.0 许可协议