Skip to content

Bootstrap 4 form-check alignment with horizontal label #24844

@migliori

Description

@migliori

Vertical alignment between a main horizontal label and checkboxes or radio is wrong.

The main label has the .col-form-label class, which adds a padding-top: padding-top: calc(.375rem + 1px)

The radio buttons have no padding top, so they're too high.

I made this pen to show the issue: https://codepen.io/migli/pen/yPKbwL

The pen also includes a simple css proposal to resolve it.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions