mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-02 16:04:07 +03:00
fixes #18115: move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name)
This commit is contained in:
@@ -38,7 +38,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar navbar-dark bg-inverse navbar-toggleable-sm">
|
||||
<div class="navbar navbar-inverse bg-inverse navbar-toggleable-sm">
|
||||
<div class="container flex-items-between">
|
||||
<a href="#" class="navbar-brand">Album</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-dark navbar-fixed-top navbar-toggleable-md bg-inverse">
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
|
||||
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<a class="navbar-brand" href="#">Carousel</a>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-fixed-top navbar-inverse bg-inverse">
|
||||
<button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<div class="collapse navbar-toggleable-sm" id="navbar">
|
||||
<a class="navbar-brand" href="#">Project name</a>
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-fixed-top navbar-inverse bg-inverse">
|
||||
<a class="navbar-brand" href="#">Project name</a>
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="nav-item active">
|
||||
|
||||
@@ -20,17 +20,26 @@ body {
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7),to(#eee));
|
||||
background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#eee 100%);
|
||||
background-image: -o-linear-gradient(top, #f7f7f7 0%,#eee 100%);
|
||||
background-image: linear-gradient(to bottom, #f7f7f7 0%,#eee 100%);
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.navbar-nav {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-item {
|
||||
flex: 1 0 auto;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 auto;
|
||||
-ms-flex: 1 0 auto;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-dark navbar-fixed-top navbar-toggleable-md bg-inverse">
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
|
||||
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<a class="navbar-brand" href="#">Fixed navbar</a>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-dark navbar-toggleable-md bg-inverse mb-3">
|
||||
<nav class="navbar navbar-inverse navbar-toggleable-md bg-inverse mb-3">
|
||||
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<a class="navbar-brand" href="#">Fixed navbar</a>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-inverse 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"></button>
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
|
||||
@@ -51,7 +51,7 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<nav class="navbar navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-inverse bg-inverse">
|
||||
<div class="container">
|
||||
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleContainer" aria-controls="navbarsExampleContainer" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<a class="navbar-brand" href="#">Container</a>
|
||||
@@ -84,7 +84,7 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<nav class="navbar navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-inverse bg-inverse">
|
||||
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleCenteredNav" aria-controls="navbarsExampleCenteredNav" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
|
||||
<div class="collapse navbar-toggleable-md" id="navbarsExampleCenteredNav">
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-fixed-top navbar-inverse bg-inverse">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#">Project name</a>
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
|
||||
<nav class="navbar navbar-fixed-top navbar-inverse bg-inverse">
|
||||
<a class="navbar-brand" href="#">Project name</a>
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="nav-item active">
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<body>
|
||||
|
||||
<!-- Fixed navbar -->
|
||||
<nav class="navbar navbar-dark navbar-fixed-top navbar-toggleable-md bg-inverse">
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top navbar-toggleable-md bg-inverse">
|
||||
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"></button>
|
||||
<a class="navbar-brand" href="#">Fixed navbar</a>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
|
||||
Reference in New Issue
Block a user