2
0
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:
Mark Otto
2016-12-21 21:40:26 -08:00
committed by Mark Otto
parent ecba56828d
commit 80674b0c58
14 changed files with 44 additions and 35 deletions
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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">
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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">
+10 -1
View File
@@ -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;
}
}
+1 -1
View File
@@ -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">
+1 -1
View File
@@ -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">
+3 -3
View File
@@ -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">
+1 -1
View File
@@ -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">
+1 -1
View File
@@ -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">