重新设计Angular-Wizard选项卡

Question

我正在学习Angular JS，现在我正在使用Angular-Wizard。它工作正常，但我想更改标签。

然而它看起来像这个图像：

但我希望标签看起来像这样：

我设法使用此模板获取导航栏：

<div>
    <ul class="steps-indicator steps-{{getEnabledSteps().length}}" ng- 
    if="!hideIndicators">
        <li ng-class="{default: !step.completed && !step.selected, current: 
         step.selected && !step.completed, done: step.completed && 
         !step.selected, editing: step.selected && step.completed}" ng- 
         repeat="step in getEnabledSteps()">
            <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>
        </li>
    </ul>
<div class="steps" ng-transclude></div>
</div>

但是我想摆脱圈子并获得像nav-tabs这样的引导程序。我试图改变css文件中的一些东西，但这似乎没什么帮助。

有谁知道我必须更改哪些文件，以便我可以删除圈子并获取导航带中的导航标签？

教程的链接也可以。我知道我可以使用另一个更适合的指令，但我想学习改变现有的指令。

提前致谢， YB