Update examples to the Bootstrap 5 grid

site/content/docs/4.3/examples/navbars/index.html

@@ -13,7 +13,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample01">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -32,7 +32,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search" aria-label="Search">
       </form>
     </div>
@@ -55,7 +55,7 @@ extra_css:
           <a class="nav-link" href="#">Link</a>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search">
       </form>
     </div>
@@ -70,7 +70,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample03">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2 mb-sm-0">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -89,7 +89,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search">
       </form>
     </div>
@@ -104,7 +104,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample04">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2 mb-md-0">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -123,7 +123,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search">
       </form>
     </div>
@@ -138,7 +138,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample05">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -157,7 +157,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search">
       </form>
     </div>
@@ -172,7 +172,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample06">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2 mb-xl-0">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -191,7 +191,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search">
       </form>
     </div>
@@ -206,7 +206,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample07">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -225,7 +225,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search" aria-label="Search">
       </form>
     </div>
@@ -240,7 +240,7 @@ extra_css:
     </button>
 
     <div class="collapse navbar-collapse" id="navbarsExample07XL">
-      <ul class="navbar-nav mr-auto">
+      <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
         <li class="nav-item active">
           <a class="nav-link" aria-current="page" href="#">Home</a>
         </li>
@@ -259,7 +259,7 @@ extra_css:
           </div>
         </li>
       </ul>
-      <form class="form-inline my-2 my-md-0">
+      <form>
         <input class="form-control" type="text" placeholder="Search" aria-label="Search">
       </form>
     </div>
@@ -309,7 +309,7 @@ extra_css:
       </button>
 
       <div class="collapse navbar-collapse" id="navbarsExample09">
-        <ul class="navbar-nav mr-auto">
+        <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
           <li class="nav-item active">
             <a class="nav-link" aria-current="page" href="#">Home</a>
           </li>
@@ -328,7 +328,7 @@ extra_css:
             </div>
           </li>
         </ul>
-        <form class="form-inline my-2 my-md-0">
+        <form>
           <input class="form-control" type="text" placeholder="Search" aria-label="Search">
         </form>
       </div>