bootstrap面板类没有得到应用

时间:2016-09-03 09:38:03

标签: css twitter-bootstrap

出于某种原因,似乎没有在这里应用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>

Plnkr: http://plnkr.co/edit/7e3mXCDixuJ4U06lu3TX?p=info

我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

您正在使用可能没有面板支持的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" />