如何从面板 Bootstrap 起飞阴影效果？

Question

我有一个banner，它充当手风琴。

默认情况下，引导面板类带有阴影效果。 我想去掉我的 panel-heading 和 panel-body 周围的阴影。我试图通过提供一个类 no-shadow

来覆盖它

.noshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

结果，它仍然显示。 :(

任何帮助/建议将不胜感激

JSFiddle

Answer 1

它不是影子。它实际上是panel div 的边界。 看到这个小提琴：http://jsfiddle.net/jd94vttr/1/

Answer 2

它使用的是borders 而不是box-shadow。更新了您的JSFiddle here。

/*--------- add this to override Bootstrap ----------*/
.panel {
    border: none;
}

.panel-default .panel-heading {
  /*border: 1px solid silver; --------- remove this line ----------*/
  min-height: 100px;
  background-color: white;
  border-radius: 0px;

}