出于某种原因,似乎没有在这里应用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
我在这里缺少什么?
答案 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" />