kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

Fixes some copy around inline forms

Browse source
This commit is contained in:
Mark Otto 2021-03-10 21:06:54 -08:00 • committed by Mark Otto
parent 88cbe443b8
commit 844aab4295
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
site/content/docs/5.0/forms/layout.md
View file

@ -292,7 +292,7 @@ You can then remix that once again with size-specific column classes.
## Inline forms ## Inline forms
Use the `.col-auto` class to create horizontal layouts. By adding [gutter modifier classes]({{< docsref "/layout/gutters" >}}), we'll have gutters in horizontal and vertical directions. 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-checkbox` align properly.
{{< example >}} {{< example >}}
<form class="row row-cols-lg-auto g-3 align-items-center"> <form class="row row-cols-lg-auto g-3 align-items-center">