mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-03 15:24:19 +01:00
816d5bd2e3
* Add explicit aria-label attributes to <svg> based links As some browser/AT combinations don't seem to fully support grabbing the `<title>` from inside the `<svg>` as the link text/name to announce (e.g. Firefox+NVDA) * Add <title> to Bootstrap logo <svg> * Add <title> to menu <svg> * Add explicit focusable="false" to <svg> icons Due to a bug/"feature" in IE, `<svg>` elements are usually separately focusable, which then results in links with `<svg>` icons being essentially focused twice (once for the link, and once for the `<svg>` inside, which is then also non-interactive)
64 lines
3.3 KiB
HTML
64 lines
3.3 KiB
HTML
<header class="navbar navbar-inverse navbar-expand-md flex-column flex-md-row bd-navbar">
|
|
<a class="navbar-brand mr-0 mr-md-2" href="{{ site.baseurl }}/" aria-label="Bootstrap">
|
|
{% include icons/bootstrap.svg width="36" height="36" class="d-block" %}
|
|
</a>
|
|
|
|
<div class="navbar-nav-scroll">
|
|
<ul class="navbar-nav bd-navbar-nav flex-row">
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank">Themes</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ site.jobs }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Jobs');" target="_blank">Jobs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank">Expo</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank">Blog</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
v4.0
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
|
|
<a class="dropdown-item active" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/">Latest (4.x)</a>
|
|
<a class="dropdown-item" href="https://v4-alpha.getbootstrap.com">v4 Alpha 6</a>
|
|
<a class="dropdown-item" href="https://getbootstrap.com/3.3.7/">v3.3.7</a>
|
|
<a class="dropdown-item" href="https://getbootstrap.com/2.3.2/">v2.3.2</a>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link p-2" href="{{ site.repo }}" target="_blank" aria-label="GitHub">
|
|
{% include icons/github.svg class="navbar-nav-svg" %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link p-2" href="https://twitter.com/{{ site.twitter }}" target="_blank" aria-label="Twitter">
|
|
{% include icons/twitter.svg class="navbar-nav-svg" %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link p-2" href="{{ site.slack }}" target="_blank" aria-label="Slack">
|
|
{% include icons/slack.svg class="navbar-nav-svg" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<a class="btn btn-bd-yellow d-none d-md-inline-block mb-3 mb-md-0 ml-md-3" href="{{ site.download.source }}">Download</a>
|
|
</header>
|