css - 未应用 Bootstrap 面板类

Question

由于某些原因，bootstraps 面板类似乎没有在此处应用:

<div class="container main-content">

      <div class="row">

        <div class="col-sm-3">

          <div class="panel panel-primary">
            <div class="panel-heading">
              <img src="http://cliparts.co/cliparts/8TE/6jz/8TE6jzq9c.png" class="stats-image" />
<h3>ACHIEVERS</h3>
          </div>
            <div class="panel-body stats-body">
              <span class="stats-value">37%</span>
            </div>
          </div>
        </div>
</div>
</div>

请点击此处: http://plnkr.co/edit/7e3mXCDixuJ4U06lu3TX?p=info

我在这里错过了什么？

Answer 1

您正在使用可能没有面板支持的 Bootstrap 4 alpha 2。我在这里找不到面板文档:

http://v4-alpha.getbootstrap.com/components/alerts/

相反，尝试在 plunk 中使用 bootstrap 3.3.6

<link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<link data-require="bootstrap@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.js" />