我发现可以将浮动标签与输入组结合起来。但是，我不知道如何让反馈正确显示。

我发现可以将浮动标签与输入组结合起来。但是，我不知道如何让反馈正确显示。

<div class="input-group has-validation">
    <div class="form-floating">
        <input name="token" placeholder="Enter your admin token" type="password" class="form-control is-valid"
            value="some token" />
        <label>Access Token</label>
    </div>
    <button type="submit" class="btn btn-success">Log in</button>
    <div class="valid-feedback">Looks good!</div>
</div>

有效反馈的引导 CSS 只是说：

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color);
}

为什么我要在这里将显示设置为无？

当我只使用没有浮动标签的输入组时，这似乎工作正常。我正在使用最新版本的 bootstrap (v5.3.2)