Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`<Form.Check>` and `<Form.Check.Label>` should add `form-check` and `form-label` class automatically.

See original GitHub issue

<Form.Check> and <Form.Check.Label> should add form-check and form-label class automatically.

https://react-bootstrap-v5.netlify.app/components/forms/#forms-check-api

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

kyletsangcommented, Jul 20, 2021

@giovannipiller checkboxes without labels don’t need the wrapping element with .form-check. This is referenced here: https://getbootstrap.com/docs/5.0/forms/checks-radios/#without-labels

0reactions

TyMickcommented, Oct 22, 2021

@aksdevac I’m trying to get this fixed in #5983. 🤞🏼

Top Results From Across the Web

Forms - Bootstrap

It provides a flexible class that encourages proper grouping of labels, controls, optional help text, and form validation messaging. By default it only...

form-check - Bootstrap CSS class

Bootstrap CSS class form-check with source code and live preview. You can copy our examples and paste them into your project!

Forms - React Bootstrap - W3cubDocs

When you render a FormCheck without a label (no children ) some additional styling is applied to keep the inputs from collapsing. Remember...

Forms - React-Bootstrap

The <FormGroup> component wraps a form control with proper spacing, along with support for a label, help text, and validation state. To ensure...

Bootstrap - label on the left side of checkbox - Stack Overflow

Do you want to have the checkbox label to the right? See below: <div class="form-check"> <input class="form-check-input" type="checkbox" ...