Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
docs-navbar.html 3.22 KiB
1 
<header class="navbar navbar-inverse navbar-expand-md flex-column flex-md-row bd-navbar">
2 
  <a class="navbar-brand mr-0 mr-md-2" href="{{ site.baseurl }}/">
3 
    {% include icons/bootstrap.svg width="36" height="36" class="d-block" %}
4 
  </a>
5
6 
  <div class="navbar-nav-scroll">
7 
    <ul class="navbar-nav bd-navbar-nav flex-row">
8 
      <li class="nav-item">
9 
        <a class="nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Home</a>
10 
      </li>
11 
      <li class="nav-item">
12 
        <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>
13 
      </li>
14 
      <li class="nav-item">
15 
        <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>
16 
      </li>
17 
      <li class="nav-item">
18 
        <a class="nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');" target="_blank">Themes</a>
19 
      </li>
20 
      <li class="nav-item">
21 
        <a class="nav-link" href="{{ site.jobs }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Jobs');" target="_blank">Jobs</a>
22 
      </li>
23 
      <li class="nav-item">
24 
        <a class="nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');" target="_blank">Expo</a>
25 
      </li>
26 
      <li class="nav-item">
27 
        <a class="nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');" target="_blank">Blog</a>
28 
      </li>
29 
    </ul>
30 
  </div>
31
32 
  <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
33 
    <li class="nav-item dropdown">
34 
      <a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
35 
        v4.0
36 
      </a>
37 
      <div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
38 
        <a class="dropdown-item active" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/">Latest (4.x)</a>
39 
        <a class="dropdown-item" href="https://v4-alpha.getbootstrap.com">v4 Alpha 6</a>
40 
        <a class="dropdown-item" href="https://getbootstrap.com/3.3.7/">v3.3.7</a>
41 
        <a class="dropdown-item" href="https://getbootstrap.com/2.3.2/">v2.3.2</a>
42 
      </div>
43 
    </li>
44
45 
    <li class="nav-item">
46 
      <a class="nav-link p-2" href="{{ site.repo }}" target="_blank">
47 
        {% include icons/github.svg class="navbar-nav-svg" %}
48 
      </a>
49 
    </li>
50 
    <li class="nav-item">
51 
      <a class="nav-link p-2" href="https://twitter.com/{{ site.twitter }}" target="_blank">
52 
        {% include icons/twitter.svg class="navbar-nav-svg" %}
53 
      </a>
54 
    </li>
55 
    <li class="nav-item">
56 
      <a class="nav-link p-2" href="{{ site.slack }}" target="_blank">
57 
        {% include icons/slack.svg class="navbar-nav-svg" %}
58 
      </a>
59 
    </li>
60 
  </ul>
61
62 
  <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>
63 
</header>
64