Question

这是我的问题。正如您可以看到here他们使用panel panel-primary，panel panel-green，panel panel-yellow和panel panel-red作为小面板视图。

当我使用panel panel-primary时，它工作得很好。但是当我使用其他选项时，我会得到奇怪的透明色。我也尝试了panel panel-warning，panel panel-success和panel panel-danger，但仍然相同。只有主要工作。有什么想法吗？

我有4个，完全相同的不同文字。

<div class="col-lg-3 col-md-6">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <div class="row">
        <div class="col-xs-3">
          <i class="glyphicon glyphicon-stats" style="font-size:50px;"></i>
        </div>
        <div class="col-xs-9 text-right">
          <div class=></div>
          <div><h3>Statistics</h3></div>
        </div>
      </div>
    </div>
    <a href="#">
    <div class="panel-footer">
      <span class="pull-left">Show statistics</span>
      <span class="pull-right"><i class="glyphicon glyphicon-arrow-right"></i></span>
      <div class="clearfix"></div>
    </div>
    </a>
  </div>
</div>

Answer 1

除了主要面板之外的其他面板不是来自bootstrap的css。我认为他们是用户编写的。在css文件中创建自己的类。例如：

＆＃13;

.panel-red{
background-color:#D9534F;
}

＆＃13;

这是一个jsfiddle http://jsfiddle.net/borka/khaunb3q/

Bootstrap：“成功”，“警告”和“危险”透明问题

1 个答案: