Проверка формы начальной загрузки внутри таблицы с большим флажком не работает ⇐ CSS

[Anonymous]

Я использую загрузочную версию 5.3.3 и имею такую ​​структуру

Код: Выделить всё

This checkbox does not have validation










This checkbox has validation
[url=#]Test link[/url]

I am a red invalid feedback text.

с помощью этого CSS

Код: Выделить всё

.form-check-input[type=checkbox].big-checkbox {
transform: scale(3);
margin: 1.5rem;
border-radius: 0;
}

чтобы создать большой флажок. Я хочу, чтобы нижний флажок вел себя так же, как верхний, но он должен включать проверку формы Bootstrap, как это сейчас происходит с меньшей версией флажка. Если я реализую макет с использованием такой таблицы

Код: Выделить всё

This checkbox has validation
[url=#]Test link[/url]


I am a red invalid feedback text.

большой флажок становится красным, если он недействителен, но метка не меняет красный цвет, а текст недействительного отзыва вообще не отображается. Я считаю, что это связано с тем, что находится в другой ячейке данных таблицы, чем метка и . Насколько я понимаю, чтобы проверка формы работала правильно, все они должны находиться в одном родительском элементе. Само собой разумеется, что применение класса big-checkbox к макету, отличному от таблицы, полностью портит внешний вид.
Как бы вы это реализовали, чтобы проверка формы работала как ожидаемо, как это обычно происходит в Bootstrap?

Подробнее здесь: https://stackoverflow.com/questions/792 ... ow-working