docs: add nav-underline example

thomaspark · Apr 17, 2024 · 6fbf468 · 6fbf468
1 parent c3e6c8b
commit 6fbf468
Show file tree

Hide file tree

Showing 26 changed files with 624 additions and 26 deletions.
diff --git a/docs/cerulean/index.html b/docs/cerulean/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/cosmo/index.html b/docs/cosmo/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/cyborg/index.html b/docs/cyborg/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/darkly/index.html b/docs/darkly/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/default/index.html b/docs/default/index.html
@@ -1044,7 +1044,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1146,6 +1146,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/flatly/index.html b/docs/flatly/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/journal/index.html b/docs/journal/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/litera/index.html b/docs/litera/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/lumen/index.html b/docs/lumen/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators

diff --git a/docs/lux/index.html b/docs/lux/index.html
@@ -1047,7 +1047,7 @@ <h6 class="dropdown-header">Dropdown header</h6>
           </div>
         </div>
 
-        <div class="row">
+        <div class="row mb-5">
           <div class="col-lg-6">
             <h2 id="nav-breadcrumbs">Breadcrumbs</h2>
             <div class="bs-component">
@@ -1149,6 +1149,29 @@ <h2 id="pagination">Pagination</h2>
             </div>
           </div>
         </div>
+
+        <div class="row">
+          <div class="col-lg-6">
+            <h2 id="nav-underline">Underline</h2>
+            <div class="bs-component">
+              <ul class="nav nav-underline">
+                <li class="nav-item">
+                  <a class="nav-link active" aria-current="page" href="#">Active</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" aria-disabled="true">Disabled</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <!-- Indicators