angularjsのbootstrapの<uib-tab>が<ul>タグに変換されてしまう

angularjs用のbootstrapを利用してタブを実装したいのですが、<uib-tab>タグを利用すると、表示ではなぜかリストに変換されてしまいます。
なぜでしょうか？

環境
angularjs 1.6
webpack
typescript 2.6.2
※HTMLに直接タグを記述したので、typescript,webpackは関係ないと思うのですが。。。

以下がコードの一部になります

html
1<!-- script file  -->
2<script src="../bower_components/angular/angular.min.js"></script>
3<script src="../bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
4<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
5    </head>
6    <body ng-controller="myCtrl">
7        <uib-tabset active="active">
8            <uib-tab index="0" heading="Static title">Static content</uib-tab>
9            <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}" disable="tab.disabled">
10                {{tab.content}}
11            </uib-tab>
12            <uib-tab index="3">
13                <uib-tab-heading>
14                    Alert!
15                </uib-tab-heading>
16                I've got an HTML heading, and a select callback. Pretty cool!
17            </uib-tab>
18        </uib-tabset>

以下がブラウザでの表示時のコードになります

html
1<div active="active" class="ng-isolate-scope">
2  <ul class="nav nav-tabs" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="">
3                <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope active" index="0" heading="Static title">
4  <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude="">Static title</a>
5</li>
6                <!-- ngRepeat: tab in tabs -->
7                <li ng-class="[{active: active, disabled: disabled}, classes]" class="uib-tab nav-item ng-scope ng-isolate-scope" index="3">
8  <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude=""><uib-tab-heading class="ng-scope">
9                        Alert!
10                    </uib-tab-heading></a>
11</li>
12            </ul>
13  <div class="tab-content">
14    <!-- ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope active" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
15    Static content</div><!-- end ngRepeat: tab in tabset.tabs --><div class="tab-pane ng-scope" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
16    
17                    
18                    I've got an HTML heading, and a select callback. Pretty cool!
19                </div><!-- end ngRepeat: tab in tabset.tabs -->
20  </div>
21</div>