static/scss/bootstrap-4.0.0-alpha.6/docs/_includes/nav-home.html

   1 <header class="navbar navbar-light navbar-toggleable-md bd-navbar">
   2   <nav class="container">
   3     {% comment %}
   4     <nav class="nav navbar-nav float-right">
   5       <div class="nav-item dropdown">
   6         <a class="nav-item nav-link dropdown-toggle" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   7           v{{ site.current_version }}
   8         </a>
   9         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
  10           <a class="dropdown-item" href="#">v4.0.0-alpha.2</a>
  11           <a class="dropdown-item" href="#">v3.3.5</a>
  12           <a class="dropdown-item" href="#">v3.3.4</a>
  13           <a class="dropdown-item" href="#">v3.3.2</a>
  14           <a class="dropdown-item" href="#">v3.3.1</a>
  15           <a class="dropdown-item" href="#">v3.3.0</a>
  16           <a class="dropdown-item" href="#">v3.2.0</a>
  17           <a class="dropdown-item" href="#">v3.1.1</a>
  18           <a class="dropdown-item" href="#">v3.1.0</a>
  19           <a class="dropdown-item" href="#">v3.0.3</a>
  20           <a class="dropdown-item" href="#">v3.0.2</a>
  21           <a class="dropdown-item" href="#">v3.0.1</a>
  22           <a class="dropdown-item" href="#">v3.0.0</a>
  23         </div>
  24       </div>
  25     </nav>
  26     {% endcomment %}
  27
  28     <div class="d-flex justify-content-between hidden-lg-up">
  29       <a class="navbar-brand" href="{{ site.baseurl }}/">
  30         Bootstrap
  31       </a>
  32       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bd-main-nav" aria-controls="bd-main-nav" aria-expanded="false" aria-label="Toggle navigation">
  33         <span class="navbar-toggler-icon"></span>
  34       </button>
  35     </div>
  36
  37     <div class="collapse navbar-collapse" id="bd-main-nav">
  38       <ul class="nav navbar-nav">
  39         <li class="nav-item active">
  40           <a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a>
  41         </li>
  42         <li class="nav-item">
  43           <a class="nav-item nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
  44         </li>
  45         <li class="nav-item">
  46           <a class="nav-item nav-link {% if page.title == "Examples" %}active{% endif %}" href="{{ site.baseurl }}/examples/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Examples');">Examples</a>
  47         </li>
  48         <li class="nav-item">
  49           <a class="nav-item nav-link" href="{{ site.themes }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Themes');">Themes</a>
  50         </li>
  51         <li class="nav-item">
  52           <a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
  53         </li>
  54         <li class="nav-item">
  55           <a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
  56         </li>
  57       </ul>
  58     </div>
  59   </nav>
  60 </header>