diff --git a/site/content/docs/5.3/components/navbar.md b/site/content/docs/5.3/components/navbar.md index a150f8653ecb6188d7ff3cd4d97ef098d835579f..4e956fc3de7c030ef17067576e357a0bf68f67b5 100644 --- a/site/content/docs/5.3/components/navbar.md +++ b/site/content/docs/5.3/components/navbar.md @@ -67,7 +67,7 @@ Here's an example of all the sub-components included in a responsive light-theme </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" /> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -230,7 +230,7 @@ Place various form controls and components within a navbar: <nav class="navbar bg-body-tertiary"> <div class="container-fluid"> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -244,7 +244,7 @@ Immediate child elements of `.navbar` use flex layout and will default to `justi <div class="container-fluid"> <a class="navbar-brand">Navbar</a> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -258,7 +258,7 @@ Input groups work, too. If your navbar is an entire form, or mostly a form, you <form class="container-fluid"> <div class="input-group"> <span class="input-group-text" id="basic-addon1">@</span> - <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"> + <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"/> </div> </form> </nav> @@ -353,7 +353,7 @@ Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" /> <button class="btn btn-outline-light" type="submit">Search</button> </form> </div> @@ -382,7 +382,7 @@ Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-light" type="submit">Search</button> </form> </div> @@ -411,7 +411,7 @@ Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-primary" type="submit">Search</button> </form> </div> @@ -542,7 +542,7 @@ Here's an example navbar using `.navbar-nav-scroll` with `style="--bs-scroll-hei </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -582,7 +582,7 @@ With no `.navbar-brand` shown at the smallest breakpoint: </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -612,7 +612,7 @@ With a brand name shown on the left and toggler on the right: </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -642,7 +642,7 @@ With a toggler on the left and brand name on the right: </li> </ul> <form class="d-flex" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -713,7 +713,7 @@ In the example below, to create an offcanvas navbar that is always collapsed acr </li> </ul> <form class="d-flex mt-3" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-outline-success" type="submit">Search</button> </form> </div> @@ -773,7 +773,7 @@ When using offcanvas in a dark navbar, be aware that you may need to have a dark </li> </ul> <form class="d-flex mt-3" role="search"> - <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> + <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button class="btn btn-success" type="submit">Search</button> </form> </div>