Html 引导面板和伪类

我有这个可以产生很好的“书架上的书”。当我使用代码本身时，它就工作了。但当我在div中插入代码时：

<div class="panel panel-default">....code from the link...</div>

…链接中的代码。。。

---

突然书架消失了。我注意到，当我在面板中使用伪元素（：before，：after）时，它们不知何故停止工作。你知道发生了什么事吗？请帮助：）

引导面板的背景色为白色，它覆盖了您的

：before

和

：after

css

.panel {
   background-color: #fff; /*GET RID OF THIS*/
}

（您可以选择以不同的方式执行此操作：

您可以更改本机引导（不推荐，如果您使用的是cdn，则不能）

在面板上添加其他类并将此代码放入：

.newClass{背景色：无！重要；}

---

（您可以使用

none

或

transparent

）任何一个都可以取回您的工具架css

谢谢。我确实这样做了，但随后我松开了我需要的面板的白色背景。当我将白色背景添加到class=“panel body”中时，我再次松开了工具架。