From 3814fe3ad1e4705a10881e8046edb9d1ec06f514 Mon Sep 17 00:00:00 2001
From: Dave Birch <dave@davebir.ch>
Date: Tue, 16 Feb 2016 12:39:22 -0600
Subject: [PATCH] fix(tabs): adding bootstrap 4 specific class

- Add `nav-link` class for Bootstrap 4

Closes #5488
---
 src/tabs/test/tabs.spec.js | 3 +++
 template/tabs/tab.html     | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/tabs/test/tabs.spec.js b/src/tabs/test/tabs.spec.js
index 11476f3518..8deb7ee18d 100644
--- a/src/tabs/test/tabs.spec.js
+++ b/src/tabs/test/tabs.spec.js
@@ -56,6 +56,9 @@ describe('tabs', function() {
     it('should pass class and other attributes on to tab template', function() {
       expect(elm).toHaveClass('hello');
       expect(elm.attr('data-pizza')).toBe('pepperoni');
+      //Ensure that we have bootstrap 4 link class so things are future proofed.
+      var link = $(elm.find('a')[0]);
+      expect(link).toHaveClass('nav-link');
     });
 
     it('should create clickable titles', function() {
diff --git a/template/tabs/tab.html b/template/tabs/tab.html
index 35927bcdd0..329ba84ca8 100644
--- a/template/tabs/tab.html
+++ b/template/tabs/tab.html
@@ -1,3 +1,3 @@
-<li ng-class="{active: active, disabled: disabled}" class="uib-tab">
-  <a href ng-click="select()" uib-tab-heading-transclude>{{heading}}</a>
+<li ng-class="{active: active, disabled: disabled}" class="uib-tab nav-item">
+  <a href ng-click="select()" class="nav-link" uib-tab-heading-transclude>{{heading}}</a>
 </li>