aboutsummaryrefslogtreecommitdiff
path: root/docs/examples
diff options
context:
space:
mode:
Diffstat (limited to 'docs/examples')
-rw-r--r--docs/examples/carousel/carousel.css8
-rw-r--r--docs/examples/carousel/index.html4
-rw-r--r--docs/examples/dashboard/index.html10
-rw-r--r--docs/examples/jumbotron/index.html4
-rw-r--r--docs/examples/navbar-top-fixed/index.html4
-rw-r--r--docs/examples/navbar-top/index.html6
-rw-r--r--docs/examples/navbars/index.html24
-rw-r--r--docs/examples/offcanvas/index.html4
-rw-r--r--docs/examples/starter-template/index.html4
-rw-r--r--docs/examples/sticky-footer-navbar/index.html4
10 files changed, 32 insertions, 40 deletions
diff --git a/docs/examples/carousel/carousel.css b/docs/examples/carousel/carousel.css
index 58fdde1cb..5fbdea52e 100644
--- a/docs/examples/carousel/carousel.css
+++ b/docs/examples/carousel/carousel.css
@@ -35,14 +35,6 @@ body {
height: 32rem;
}
-.carousel-indicators li {
- width: .75rem;
- height: .75rem;
- margin-right: .25rem;
- margin-left: .25rem;
- border-radius: 50%;
-}
-
/* MARKETING CONTENT
-------------------------------------------------- */
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index 71f3c17f4..f69a627ce 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -19,13 +19,13 @@
</head>
<body>
- <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
+ <nav class="navbar navbar-toggleable-md navbar-inverse navbar-fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Carousel</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="nav navbar-nav mt-2 mt-lg-0">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
diff --git a/docs/examples/dashboard/index.html b/docs/examples/dashboard/index.html
index a1f34cb94..3d44249d3 100644
--- a/docs/examples/dashboard/index.html
+++ b/docs/examples/dashboard/index.html
@@ -19,14 +19,14 @@
</head>
<body>
- <nav class="navbar navbar-inverse navbar-fixed-top bg-inverse navbar-toggleable-md">
+ <nav class="navbar navbar-toggleable-md navbar-inverse navbar-fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Dashboard</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
@@ -50,7 +50,7 @@
<div class="container-fluid">
<div class="row">
<nav class="col-sm-3 col-md-2 hidden-xs-down bg-faded sidebar">
- <ul class="nav nav-pills">
+ <ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link active" href="#">Overview <span class="sr-only">(current)</span></a>
</li>
@@ -65,7 +65,7 @@
</li>
</ul>
- <ul class="nav nav-pills">
+ <ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link" href="#">Nav item</a>
</li>
@@ -80,7 +80,7 @@
</li>
</ul>
- <ul class="nav nav-pills">
+ <ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link" href="#">Nav item again</a>
</li>
diff --git a/docs/examples/jumbotron/index.html b/docs/examples/jumbotron/index.html
index a062629a0..f3adb0a03 100644
--- a/docs/examples/jumbotron/index.html
+++ b/docs/examples/jumbotron/index.html
@@ -20,14 +20,14 @@
<body>
- <nav class="navbar navbar-inverse navbar-fixed-top bg-inverse navbar-toggleable-md">
+ <nav class="navbar navbar-toggleable-md navbar-inverse navbar-fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
diff --git a/docs/examples/navbar-top-fixed/index.html b/docs/examples/navbar-top-fixed/index.html
index 1ec4bf6a9..c92f50567 100644
--- a/docs/examples/navbar-top-fixed/index.html
+++ b/docs/examples/navbar-top-fixed/index.html
@@ -20,13 +20,13 @@
<body>
- <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
+ <nav class="navbar navbar-toggleable-md navbar-inverse navbar-fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Fixed navbar</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="nav navbar-nav mt-2 mt-lg-0">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
diff --git a/docs/examples/navbar-top/index.html b/docs/examples/navbar-top/index.html
index e000fa256..257ac23eb 100644
--- a/docs/examples/navbar-top/index.html
+++ b/docs/examples/navbar-top/index.html
@@ -20,13 +20,13 @@
<body>
- <nav class="navbar navbar-inverse navbar-toggleable-md bg-inverse mb-3">
+ <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse mb-4">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
- <a class="navbar-brand" href="#">Fixed navbar</a>
+ <a class="navbar-brand" href="#">Top navbar</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="nav navbar-nav mt-2 mt-lg-0">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
diff --git a/docs/examples/navbars/index.html b/docs/examples/navbars/index.html
index f56a85d88..8694df3fc 100644
--- a/docs/examples/navbars/index.html
+++ b/docs/examples/navbars/index.html
@@ -20,14 +20,14 @@
<body>
- <nav class="navbar navbar-inverse bg-inverse navbar-toggleable-md">
+ <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
@@ -46,7 +46,7 @@
</div>
</li>
</ul>
- <form class="form-inline my-2 my-lg-0">
+ <form class="form-inline my-2 my-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@@ -61,7 +61,7 @@
<a class="navbar-brand" href="#">Container</a>
<div class="collapse navbar-collapse" id="navbarsExampleContainer">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
@@ -80,7 +80,7 @@
</div>
</li>
</ul>
- <form class="form-inline my-2 my-lg-0">
+ <form class="form-inline my-2 my-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@@ -93,8 +93,8 @@
<span class="navbar-toggler-icon"></span>
</button>
- <div class="collapse navbar-collapse" id="navbarsExampleCenteredNav">
- <ul class="nav navbar-nav text-md-center">
+ <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExampleCenteredNav">
+ <ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Centered nav only <span class="sr-only">(current)</span></a>
</li>
@@ -124,7 +124,7 @@
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="containerNavbar">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
@@ -143,7 +143,7 @@
</div>
</li>
</ul>
- <form class="form-inline my-2 my-lg-0">
+ <form class="form-inline my-2 my-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
@@ -155,8 +155,8 @@
<span class="navbar-toggler-icon"></span>
</button>
- <div class="collapse navbar-collapse" id="containerNavbarCenter">
- <ul class="nav navbar-nav text-md-center">
+ <div class="collapse navbar-collapse justify-content-md-center" id="containerNavbarCenter">
+ <ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Centered nav only <span class="sr-only">(current)</span></a>
</li>
@@ -184,7 +184,7 @@
<p>This example is a quick exercise to illustrate how the navbar and it's contents work. Some navbars extend the width of the viewport, others are confined within a <code>.container</code>. For positioning of navbars, checkout the <a href="../navbar-top/">top</a> and <a href="../navbar-top-fixed/">fixed top</a> examples.</p>
<p>At the smallest breakpoint, the collapse plugin is used to hide the links and show a menu button to toggle the collapsed content.</p>
<p>
- <a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs &raquo;</a>
+ <a class="btn btn-primary" href="../../components/navbar/" role="button">View navbar docs &raquo;</a>
</p>
</div>
</div>
diff --git a/docs/examples/offcanvas/index.html b/docs/examples/offcanvas/index.html
index 7036277e2..1e20591b5 100644
--- a/docs/examples/offcanvas/index.html
+++ b/docs/examples/offcanvas/index.html
@@ -20,14 +20,14 @@
<body>
- <nav class="navbar navbar-fixed-top navbar-inverse bg-inverse navbar-toggleable-md">
+ <nav class="navbar navbar-toggleable-md navbar-fixed-top navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
diff --git a/docs/examples/starter-template/index.html b/docs/examples/starter-template/index.html
index b2f106b56..d497e2a1b 100644
--- a/docs/examples/starter-template/index.html
+++ b/docs/examples/starter-template/index.html
@@ -20,14 +20,14 @@
<body>
- <nav class="navbar navbar-inverse bg-inverse navbar-fixed-top navbar-toggleable-md">
+ <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse navbar-fixed-top">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="nav navbar-nav">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
diff --git a/docs/examples/sticky-footer-navbar/index.html b/docs/examples/sticky-footer-navbar/index.html
index e972de7f5..d0a154bd3 100644
--- a/docs/examples/sticky-footer-navbar/index.html
+++ b/docs/examples/sticky-footer-navbar/index.html
@@ -21,13 +21,13 @@
<body>
<!-- Fixed navbar -->
- <nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
+ <nav class="navbar navbar-toggleable-md navbar-inverse navbar-fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Fixed navbar</a>
<div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="nav navbar-nav mt-2 mt-lg-0">
+ <ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 11:27:29 +0000