From 1a132dd7573ae23784d4b62cb5eff778ff3514ef Mon Sep 17 00:00:00 2001
From: Evan Theurer <theurere@gmail.com>
Date: Wed, 31 Aug 2016 16:23:31 +0200
Subject: [PATCH] docs(collapse): add navigation collapse example

- Add an example for using collapse with the bootstrap navbar

Closes #3481
Closes #6217
---
 misc/demo/assets/demo.css   |  2 +-
 src/collapse/docs/demo.html | 22 ++++++++++++++++++++++
 src/collapse/docs/demo.js   |  1 +
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/misc/demo/assets/demo.css b/misc/demo/assets/demo.css
index d1cadcddd3..994d63b1dd 100644
--- a/misc/demo/assets/demo.css
+++ b/misc/demo/assets/demo.css
@@ -73,7 +73,7 @@ section {
 
 }
 
-.navbar .collapse {
+.navbar-fixed-top .collapse {
     border-top: 1px solid #e7e7e7;
     margin-left: -15px;
     margin-right: -15px;
diff --git a/src/collapse/docs/demo.html b/src/collapse/docs/demo.html
index a9b329d4d7..f5e06e7fbc 100644
--- a/src/collapse/docs/demo.html
+++ b/src/collapse/docs/demo.html
@@ -2,8 +2,30 @@
   .horizontal-collapse {
     height: 70px;
   }
+  .navbar-collapse.in {
+    overflow-y: hidden;
+  }
 </style>
 <div ng-controller="CollapseDemoCtrl">
+	<p>Resize window to less than 768 pixels to display mobile menu toggle button.</p>
+	<nav class="navbar navbar-default" role="navigation">
+		<div class="navbar-header">
+			<button type="button" class="navbar-toggle" ng-click="isNavCollapsed = !isNavCollapsed">
+				<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="#">A menu</a>
+		</div>
+		<div class="collapse navbar-collapse" uib-collapse="isNavCollapsed">
+			<ul class="nav navbar-nav">
+				<li><a href="#">Link 1</a></li>
+				<li><a href="#">Link 2</a></li>
+			</ul>
+		</div>
+	</nav>
+	<hr>
 	<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse Vertically</button>
 	<hr>
 	<div uib-collapse="isCollapsed">
diff --git a/src/collapse/docs/demo.js b/src/collapse/docs/demo.js
index b838cb2117..f685290001 100644
--- a/src/collapse/docs/demo.js
+++ b/src/collapse/docs/demo.js
@@ -1,4 +1,5 @@
 angular.module('ui.bootstrap.demo').controller('CollapseDemoCtrl', function ($scope) {
+  $scope.isNavCollapsed = true;
   $scope.isCollapsed = false;
   $scope.isCollapsedHorizontal = false;
 });