Question

Here's a plunk我一直在努力寻找另一个问题。我不确定我做错了什么，但我看到了自举示例（plunk），它们看起来像这样：

虽然我看起来像这样（特别是看看小组标题/小组标题）：

我的面板标题根本没有样式，即使我们使用的代码几乎相同：

<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>

唯一的区别是他们的面板位于一个模板（在同一页面上，没有特殊的样式或类）用于手风琴，在我看来它不应该影响样式。

那么我做错了什么？

Answer 1

使用panel-header类

更改panel-heading

Bootstrap面板看起来不正确

1 个答案: