diff options
| author | Anton <info@ensostudio.ru> | 2022-04-12 18:08:12 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-12 18:08:12 +0300 |
| commit | 33992b7d5b2176d90aee9a1933219b498a9888d4 (patch) | |
| tree | ccb77f7849ed3eee64c5e12936e872bbecd8b71d | |
| parent | fe257823ecca31cf5e582e9b8380a0ad0204075e (diff) | |
Change second example dropdown form (#36137)
To check cases as #36135
| -rw-r--r-- | site/content/docs/5.1/components/dropdowns.md | 41 |
1 files changed, 23 insertions, 18 deletions
diff --git a/site/content/docs/5.1/components/dropdowns.md b/site/content/docs/5.1/components/dropdowns.md index 0fcf81ba16..ab34477563 100644 --- a/site/content/docs/5.1/components/dropdowns.md +++ b/site/content/docs/5.1/components/dropdowns.md @@ -884,25 +884,30 @@ Put a form within a dropdown menu, or make it into a dropdown menu, and use [mar {{< /example >}} {{< example >}} -<form class="dropdown-menu p-4"> - <div class="mb-3"> - <label for="exampleDropdownFormEmail2" class="form-label">Email address</label> - <input type="email" class="form-control" id="exampleDropdownFormEmail2" placeholder="email@example.com"> - </div> - <div class="mb-3"> - <label for="exampleDropdownFormPassword2" class="form-label">Password</label> - <input type="password" class="form-control" id="exampleDropdownFormPassword2" placeholder="Password"> - </div> - <div class="mb-3"> - <div class="form-check"> - <input type="checkbox" class="form-check-input" id="dropdownCheck2"> - <label class="form-check-label" for="dropdownCheck2"> - Remember me - </label> +<div class="dropdown"> + <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> + Dropdown form + </button> + <form class="dropdown-menu p-4"> + <div class="mb-3"> + <label for="exampleDropdownFormEmail2" class="form-label">Email address</label> + <input type="email" class="form-control" id="exampleDropdownFormEmail2" placeholder="email@example.com"> </div> - </div> - <button type="submit" class="btn btn-primary">Sign in</button> -</form> + <div class="mb-3"> + <label for="exampleDropdownFormPassword2" class="form-label">Password</label> + <input type="password" class="form-control" id="exampleDropdownFormPassword2" placeholder="Password"> + </div> + <div class="mb-3"> + <div class="form-check"> + <input type="checkbox" class="form-check-input" id="dropdownCheck2"> + <label class="form-check-label" for="dropdownCheck2"> + Remember me + </label> + </div> + </div> + <button type="submit" class="btn btn-primary">Sign in</button> + </form> +</div> {{< /example >}} ## Dropdown options |