New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v4: Navbar improvements #19890

Merged
merged 41 commits into from Oct 19, 2016
Commits
Jump to file or symbol
Failed to load files and symbols.
+15 −1
Diff settings

Always

Just for now

Viewing a subset of changes. View all

Update collapsible navbar docs

- Add .text-muted for text color control over .bg-inverse in the examples
- Add a dark navbar collapse example
  • Loading branch information...
mdo committed May 12, 2016
commit 083271ae48d0ce1ff5b869413449f5ecf777b6e9
View
@@ -245,7 +245,21 @@ Our collapse plugin allows you to use a `<button>` or `<a>` to toggle hidden con
&#9776;
</button>
<div class="collapse" id="exCollapsingNavbar">
<div class="bg-inverse p-a-1">
<div class="bg-inverse text-muted p-a-1">
<h4>Collapsed content</h4>
<span class="text-muted">Toggleable via the navbar brand.</span>
</div>
</div>
</nav>
{% endexample %}
{% example html %}
<nav class="navbar navbar-dark bg-inverse">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#exCollapsingNavbarDark" aria-controls="exCollapsingNavbarDark" aria-expanded="false" aria-label="Toggle navigation">
&#9776;
</button>
<div class="collapse" id="exCollapsingNavbarDark">
<div class="bg-inverse text-muted p-a-1">
<h4>Collapsed content</h4>
<span class="text-muted">Toggleable via the navbar brand.</span>
</div>
ProTip! Use n and p to navigate between commits in a pull request.