diff --git a/awx/ui/client/src/app.js b/awx/ui/client/src/app.js
index 71a00f4135..e8b871b6f9 100644
--- a/awx/ui/client/src/app.js
+++ b/awx/ui/client/src/app.js
@@ -197,8 +197,12 @@ var tower = angular.module('Tower', [
     .config(['$pendolyticsProvider', function($pendolyticsProvider) {
         $pendolyticsProvider.doNotAutoStart();
     }])
-    .config(['$stateProvider', '$urlRouterProvider',
-        function ($stateProvider, $urlRouterProvider) {
+    .config(['$stateProvider', '$urlRouterProvider', '$breadcrumbProvider',
+        function ($stateProvider, $urlRouterProvider, $breadcrumbProvider) {
+
+            $breadcrumbProvider.setOptions({
+                templateUrl: urlPrefix + 'partials/breadcrumb.html'
+            });
 
             $urlRouterProvider.otherwise("/home");
 
diff --git a/awx/ui/client/src/partials/breadcrumb.html b/awx/ui/client/src/partials/breadcrumb.html
new file mode 100644
index 0000000000..5722bbd2d8
--- /dev/null
+++ b/awx/ui/client/src/partials/breadcrumb.html
@@ -0,0 +1,8 @@
+<ol class="breadcrumb">
+    <li ng-repeat="step in steps | limitTo:(steps.length-1)">
+        <a href="{{step.ncyBreadcrumbLink}}" ng-bind-html="step.ncyBreadcrumbLabel"></a>
+    </li>
+    <li ng-repeat="step in steps | limitTo:-1" class="active">
+        <span ng-bind-html="step.ncyBreadcrumbLabel"></span>
+    </li>
+</ol>