Required form label for horizontal forms

[kevinpapst]

According to the Bootstrap docs labels do get col-form-label in horizontal forms and not form-label as in classical form layout. See examples at https://getbootstrap.com/docs/5.2/forms/layout/#horizontal-form . Some frameworks that render forms (e.g. PHP Symfony) do stick to the original definition and I was missing the * in some forms.

Tabler until now does only style form-label, there is no mention of col-form-label.
This was okay in most cases, but the required class isn't applied (compare before and after screenshots).

I adjusted the demo, so there is a showcase of the required class as well in horizontal forms. I also adjusted the used label class, so the demo HTML matches the HTML from the Bootstrap docs.

Before:

After:

The screenshots were taken after adjusting the HTML (see required * on the left) but before adjusting the CSS.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
tabler	✅ Ready (Inspect)	Visit Preview	Jul 2, 2022 at 10:06PM (UTC)

[rjd22]

Thank your for fixing this!

[kevinpapst]

Thanks for review and merge 👍