如何使用CSS将导航栏更改为选项卡？

Question

我想使用CSS将导航栏更改为制表符，我知道我可以使用angular-ui，但我想使用CSS实现它。在这方面，任何帮助将不胜感激。

main.html中

<nav class="navbar navbar-default">
    <div >
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li ui-sref-active="active"><a ui-sref="app.dit">DIT</a></li>
                <li ui-sref-active="active"><a ui-sref="app.st">ST</a>
                <li ui-sref-active="active"><a ui-sref="app.uat">UAT</a></li>
                <li ui-sref-active="active"><a>PROD</a></li>
            </ul>
        </div>
    </div>
</nav>

Answer 1

你可以使用＆＃34; Bootstrap Tabs＆＃34;如果你想根据需要改变CSS。

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_pills_dynamic&stacked=h

这是代码