​

    <div class="card">

      <div class="card-body">

        <div class="alert alert-info mb-3">

          If you tab through the input, or click it, then click off, the active class goes away.

        </div>

        <div class="form-outline">

          <input type="text" class="form-control active" id="test" value="" />

          <label for="test" class="form-label">Test</label>

        </div>

      </div>

    </div>