如何使用AngularJS默认隐藏垂直选项卡的内容

我用AngularJS尝试了Sergey Romanov关于垂直标签的代码，效果很好，谢谢：）。但我有一个问题，我想指定标签内容的宽度，但当我添加到我的css文件时，它不再工作了，默认情况下，内容出现了。你能帮我吗

html文件：

<div class="container">
        <div class="row row2" ng-controller="optionsMenu">
            <div class="tabbable"> 
                <ul class="nav nav-tabs nav-stacked nav-pills" role="tablist">
                    <li ng-class="{'active': view_tab == 'tab1'}">
                        <a class="btn-lg" ng-click="changeTab('tab1')" href=""><span class="glyphicon glyphicon-search"></span></a>
                    </li>
                    <li ng-class="{'active': view_tab == 'tab2'}">
                        <a class="btn-lg" ng-click="changeTab('tab2')" href=""><span class="glyphicon glyphicon-share"></span></a>
                    </li>
                </ul>


                <div class="tab-content">
                    <div class="tab-pane" ng-show="view_tab == 'tab1'">
                                This is tab 1 content
                    </div>
                    <div class="tab-pane" ng-show="view_tab == 'tab2'">
                                This is tab 2 content
                    </div>
                </div>
        </div>
        </div>
    </div>

---

谢谢你的预付款我很抱歉迟到了。我使用了导航栏堆叠的引导，我只是把它添加到我的页面。经过多次尝试，我发现解决方案并不复杂：），我只需要指定选项卡窗格的宽度，而不是选项卡内容。

您能在plunkr/fiddle中发布一些代码吗？请您重新表述您的问题好吗？这样，我不确定你到底想要实现什么。我要指出的是，我在您的样式表中没有看到任何

active

类的用法