Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
df566160
Commit
df566160
authored
8 years ago
by
Mark Otto
Committed by
Mark Otto
8 years ago
Browse files
Options
Download
Email Patches
Plain Diff
put new toggler markup to use
parent
8d9d8478
Changes
10
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
docs/_includes/nav-home.html
+3
-1
docs/_includes/nav-home.html
docs/components/navbar.md
+33
-11
docs/components/navbar.md
docs/examples/album/index.html
+3
-1
docs/examples/album/index.html
docs/examples/carousel/index.html
+3
-1
docs/examples/carousel/index.html
docs/examples/dashboard/index.html
+3
-1
docs/examples/dashboard/index.html
docs/examples/justified-nav/index.html
+3
-1
docs/examples/justified-nav/index.html
docs/examples/navbar-top-fixed/index.html
+3
-1
docs/examples/navbar-top-fixed/index.html
docs/examples/navbar-top/index.html
+3
-1
docs/examples/navbar-top/index.html
docs/examples/navbars/index.html
+15
-5
docs/examples/navbars/index.html
docs/examples/sticky-footer-navbar/index.html
+3
-1
docs/examples/sticky-footer-navbar/index.html
with
72 additions
and
24 deletions
+72
-24
docs/_includes/nav-home.html
+
3
-
1
View file @
df566160
...
...
@@ -27,7 +27,9 @@
<nav>
<div
class=
"clearfix"
>
<button
class=
"navbar-toggler float-right hidden-sm-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#bd-main-nav"
aria-controls=
"bd-main-nav"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler float-right hidden-sm-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#bd-main-nav"
aria-controls=
"bd-main-nav"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<a
class=
"navbar-brand hidden-sm-up"
href=
"{{ site.baseurl }}/"
>
Bootstrap
</a>
...
...
This diff is collapsed.
Click to expand it.
docs/components/navbar.md
+
33
-
11
View file @
df566160
...
...
@@ -40,7 +40,9 @@ Here's an example of all the sub-components included in a responsive light-theme
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarSupportedContent"
aria-controls=
"navbarSupportedContent"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarSupportedContent"
aria-controls=
"navbarSupportedContent"
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=
"navbarSupportedContent"
>
...
...
@@ -108,7 +110,9 @@ Active states—with `.active`—to indicate the current page can be applied dir
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarNav"
aria-controls=
"navbarNav"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarNav"
aria-controls=
"navbarNav"
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=
"navbarNav"
>
<ul
class=
"nav navbar-nav"
>
...
...
@@ -133,7 +137,9 @@ And because we use classes for our navs, you can avoid the list-based approach e
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarNavAltMarkup"
aria-controls=
"navbarNavAltMarkup"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarNavAltMarkup"
aria-controls=
"navbarNavAltMarkup"
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=
"navbarNavAltMarkup"
>
<div
class=
"nav navbar-nav"
>
...
...
@@ -150,7 +156,9 @@ You may also utilize dropdowns in your navbar nav. Dropdown menus require a wrap
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarNavDropdown"
aria-controls=
"navbarNavDropdown"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarNavDropdown"
aria-controls=
"navbarNavDropdown"
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=
"navbarNavDropdown"
>
<ul
class=
"nav navbar-nav"
>
...
...
@@ -242,7 +250,9 @@ Mix and match with other components and utilities as needed.
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarText"
aria-controls=
"navbarText"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarText"
aria-controls=
"navbarText"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
Navbar w/ text
</a>
<div
class=
"collapse navbar-collapse"
id=
"navbarText"
>
<ul
class=
"nav navbar-nav"
>
...
...
@@ -269,7 +279,9 @@ Theming the navbar has never been easier thanks to the combination of theming cl
<div
class=
"bd-example"
>
<nav
class=
"navbar navbar-inverse navbar-toggleable-md bg-inverse"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarColor01"
aria-controls=
"navbarColor01"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarColor01"
aria-controls=
"navbarColor01"
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="navbarColor01">
...
...
@@ -295,7 +307,9 @@ Theming the navbar has never been easier thanks to the combination of theming cl
</nav>
<nav
class=
"navbar navbar-inverse navbar-toggleable-md bg-primary"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarColor02"
aria-controls=
"navbarColor02"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarColor02"
aria-controls=
"navbarColor02"
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="navbarColor02">
...
...
@@ -321,7 +335,9 @@ Theming the navbar has never been easier thanks to the combination of theming cl
</nav>
<nav
class=
"navbar navbar-light navbar-toggleable-md"
style=
"background-color: #e3f2fd;"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarColor03"
aria-controls=
"navbarColor03"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarColor03"
aria-controls=
"navbarColor03"
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="navbarColor03">
...
...
@@ -417,7 +433,9 @@ With no `.navbar-brand` shown in lowest breakpoint:
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarTogglerDemo01"
aria-controls=
"navbarTogglerDemo01"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarTogglerDemo01"
aria-controls=
"navbarTogglerDemo01"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<div
class=
"collapse navbar-collapse"
id=
"navbarTogglerDemo01"
>
<a
class=
"navbar-brand"
href=
"#"
>
Hidden brand
</a>
<ul
class=
"nav navbar-nav mt-2 mt-lg-0"
>
...
...
@@ -443,7 +461,9 @@ With a brand name shown on the left and toggler on the right:
{% example html %}
<nav
class=
"navbar navbar-light navbar-toggleable-md bg-faded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarTogglerDemo02"
aria-controls=
"navbarTogglerDemo02"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarTogglerDemo02"
aria-controls=
"navbarTogglerDemo02"
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=
"navbarTogglerDemo02"
>
...
...
@@ -479,7 +499,9 @@ Sometimes you want to use the collapse plugin to trigger hidden content elsewher
</div>
</div>
<nav
class=
"navbar navbar-inverse bg-inverse"
>
<button
class=
"navbar-toggler"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarToggleExternalContent"
aria-controls=
"navbarToggleExternalContent"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarToggleExternalContent"
aria-controls=
"navbarToggleExternalContent"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
</nav>
</div>
{% endexample %}
This diff is collapsed.
Click to expand it.
docs/examples/album/index.html
+
3
-
1
View file @
df566160
...
...
@@ -41,7 +41,9 @@
<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>
<button
class=
"navbar-toggler"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarHeader"
aria-controls=
"navbarHeader"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
</div>
</div>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/carousel/index.html
+
3
-
1
View file @
df566160
...
...
@@ -20,7 +20,9 @@
<body>
<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>
<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"
>
<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"
>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/dashboard/index.html
+
3
-
1
View file @
df566160
...
...
@@ -20,7 +20,9 @@
<body>
<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>
<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"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<div
class=
"collapse navbar-toggleable-sm"
id=
"navbar"
>
<a
class=
"navbar-brand"
href=
"#"
>
Project name
</a>
<ul
class=
"nav navbar-nav float-sm-right"
>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/justified-nav/index.html
+
3
-
1
View file @
df566160
...
...
@@ -26,7 +26,9 @@
<h3
class=
"text-muted"
>
Project name
</h3>
<nav
class=
"navbar navbar-light bg-faded rounded mb-3"
>
<button
class=
"navbar-toggler hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#navbarCollapse"
aria-controls=
"navbarCollapse"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler hidden-lg-up"
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>
<div
class=
"collapse navbar-toggleable-md"
id=
"navbarCollapse"
>
<ul
class=
"nav navbar-nav text-md-center flex-items-md-between"
>
<li
class=
"nav-item active"
>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/navbar-top-fixed/index.html
+
3
-
1
View file @
df566160
...
...
@@ -21,7 +21,9 @@
<body>
<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>
<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"
>
<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"
>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/navbar-top/index.html
+
3
-
1
View file @
df566160
...
...
@@ -21,7 +21,9 @@
<body>
<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>
<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"
>
<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"
>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/navbars/index.html
+
15
-
5
View file @
df566160
...
...
@@ -21,7 +21,9 @@
<body>
<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>
<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=
"#"
>
Navbar
</a>
<div
class=
"collapse navbar-toggleable-md"
id=
"navbarsExampleDefault"
>
...
...
@@ -53,7 +55,9 @@
<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>
<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"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<a
class=
"navbar-brand"
href=
"#"
>
Container
</a>
<div
class=
"collapse navbar-toggleable-md"
id=
"navbarsExampleContainer"
>
...
...
@@ -85,7 +89,9 @@
</nav>
<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>
<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"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<div
class=
"collapse navbar-toggleable-md"
id=
"navbarsExampleCenteredNav"
>
<ul
class=
"nav navbar-nav text-md-center"
>
...
...
@@ -112,7 +118,9 @@
<div
class=
"container"
>
<nav
class=
"navbar navbar-light bg-faded rounded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#containerNavbar"
aria-controls=
"containerNavbar"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#containerNavbar"
aria-controls=
"containerNavbar"
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-toggleable-md"
id=
"containerNavbar"
>
...
...
@@ -143,7 +151,9 @@
</nav>
<nav
class=
"navbar navbar-light bg-faded rounded"
>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#containerNavbarCenter"
aria-controls=
"containerNavbarCenter"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
></button>
<button
class=
"navbar-toggler navbar-toggler-right hidden-lg-up"
type=
"button"
data-toggle=
"collapse"
data-target=
"#containerNavbarCenter"
aria-controls=
"containerNavbarCenter"
aria-expanded=
"false"
aria-label=
"Toggle navigation"
>
<span
class=
"navbar-toggler-icon"
></span>
</button>
<div
class=
"collapse navbar-toggleable-md"
id=
"containerNavbarCenter"
>
<ul
class=
"nav navbar-nav text-md-center"
>
...
...
This diff is collapsed.
Click to expand it.
docs/examples/sticky-footer-navbar/index.html
+
3
-
1
View file @
df566160
...
...
@@ -22,7 +22,9 @@
<!-- Fixed navbar -->
<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>
<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"
>
<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"
>
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment