Skip to content

Commit

Permalink
Fix docs typo of .form-checkbox -> .form-check
Browse files Browse the repository at this point in the history
The class `.form-checkbox` is not used in Bootstrap and here it should say `.form-check` (as shown in the example below).
  • Loading branch information
mwest1066 authored and mdo committed Aug 1, 2022
1 parent c22dd50 commit 7432f2a
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion site/content/docs/5.2/forms/layout.md
Expand Up @@ -291,7 +291,7 @@ You can then remix that once again with size-specific column classes.

## Inline forms

Use the `.row-cols-*` classes to create responsive horizontal layouts. By adding [gutter modifier classes]({{< docsref "/layout/gutters" >}}), we'll have gutters in horizontal and vertical directions. On narrow mobile viewports, the `.col-12` helps stack the form controls and more. The `.align-items-center` aligns the form elements to the middle, making the `.form-checkbox` align properly.
Use the `.row-cols-*` classes to create responsive horizontal layouts. By adding [gutter modifier classes]({{< docsref "/layout/gutters" >}}), we'll have gutters in horizontal and vertical directions. On narrow mobile viewports, the `.col-12` helps stack the form controls and more. The `.align-items-center` aligns the form elements to the middle, making the `.form-check` align properly.

{{< example >}}
<form class="row row-cols-lg-auto g-3 align-items-center">
Expand Down

0 comments on commit 7432f2a

Please sign in to comment.