bootstrap 标签页,bootstrap浮动导航栏,bootstrap如何设置左右浮动和清除浮动,bootstrap标签页垂直方向,bootstrap常用标签,bootstrap section标签
Bootstrap 5 (BS5) 是一个前端开发框架，其中包含了许多用于构建现代网站和 Web 应用程序的工具和组件。其中一个组件是浮动标签（Floating Labels），它是一种在表单输入字段中显示标签的方式，以增强用户体验。

传统的表单标签通常位于表单字段的上方或左侧，导致当用户输入时标签消失并且很难重新查看。相反，浮动标签会将标签作为占位符放置在表单字段内，当用户开始键入时，标签会移动到输入值的顶部，这样用户无论何时都可以看到标签。

以下是一个 BS5 浮动标签的例子：

html
<div class="form-floating mb-3">
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
<label for="floatingInput">Email address</label>
</div>


在这个例子中，form-floating 类指定了该输入字段应该使用浮动标签的样式，并且 label 标签与输入字段之间使用了 for 属性进行关联。当用户在输入框中输入内容时，标签会浮动到输入框的上方。

请注意，如果您使用 Bootstrap 4 或更早版本，则需要使用 .form-group 和 .form-control 类替换 .form-floating 和 .form-control 类。