Bootstrap面板看起來不正確

Here's a plunk我一直在努力解決另一個問題。我不知道我做錯了，但我看到的例子舉（plunk），他們是這樣的：Bootstrap面板看起來不正確

而我看起來是這樣的（具體看面板標題/面板標題）：

我的面板標題沒有造型可言，即使我們使用幾乎相同的代碼：

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.js"></script> 
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.2.js"></script> 
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<body ng-controller="MainCtrl"> 
<div class="container-fluid"> 
    <div class="panel panel-default"> 
    <div class="panel-header"> 
     <h4 class="panel-title" uib-tooltip="ok">ui-grid tester</h4> 
    </div> 
    <div class="panel-body"> 
     <button ng-click="changeColumn2Text()">Change Column 2 Text</button> 
     <br /> 
     <br /> 
     <div class="grid" ui-grid="gridOptions" ui-grid-selection=""></div> 
    </div> 
    </div> 
</div> 
</body>

唯一的區別是他們的面板是在一個模板（在同一頁面上，沒有特殊的風格或類）用於手風琴，這在我看來不像它會影響樣式。

那麼我做錯了什麼？

來源

2017-08-05 Travis Heeter