From 9305fd378f42c8ada4a6205ff47f0c7f8d7c90e2 Mon Sep 17 00:00:00 2001
From: Thomas McDonald <thomasm@palantir.com>
Date: Wed, 12 Aug 2015 19:49:08 -0700
Subject: [PATCH] fix scrollspy example
---
docs/components/scrollspy.md | 42 ++++++++++++------------------------
1 file changed, 14 insertions(+), 28 deletions(-)
diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md
index 6107563232..023d31c61b 100644
--- a/docs/components/scrollspy.md
+++ b/docs/components/scrollspy.md
@@ -14,35 +14,21 @@ group: components
The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.
<div class="bd-example">
- <nav id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation">
- <div class="container-fluid">
- <div class="navbar-header">
- <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bd-example-js-navbar-scrollspy">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#">Project Name</a>
- </div>
- <div class="collapse navbar-collapse bd-example-js-navbar-scrollspy">
- <ul class="nav navbar-nav">
- <li><a href="#fat">@fat</a></li>
- <li><a href="#mdo">@mdo</a></li>
- <li class="dropdown">
- <a href="#" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Dropdown
- </a>
- <ul class="dropdown-menu" aria-labelledby="navbarDrop1">
- <li><a href="#one">one</a></li>
- <li><a href="#two">two</a></li>
- <li role="separator" class="divider"></li>
- <li><a href="#three">three</a></li>
- </ul>
- </li>
+ <nav id="navbar-example2" class="navbar navbar-default" role="navigation">
+ <h3 class="navbar-brand">Project Name</h3>
+ <ul class="nav nav-pills">
+ <li class="nav-item"><a class="nav-link" href="#fat">@fat</a></li>
+ <li class="nav-item"><a class="nav-link" href="#mdo">@mdo</a></li>
+ <li class="nav-item">
+ <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
+ <ul class="dropdown-menu">
+ <li><a href="#one">one</a></li>
+ <li><a href="#two">two</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="#three">three</a></li>
</ul>
- </div>
- </div>
+ </li>
+ </ul>
</nav>
<div data-spy="scroll" data-target="#navbar-example2" data-offset="0" class="scrollspy-example">
<h4 id="fat">@fat</h4>
--
GitLab