Question

如果我像这样添加样式部分：

<div class="panel panel-primary" style="background-color: rgba(245, 245, 245, 0);">

到我的面板，身体的背景是透明的。但我不想为我的应用程序中的每个面板进行复制粘贴。我希望他们都有透明的背景。

我试图在我的项目中编辑bootstrap.css。我尝试了大约15个不同的地方：background-color: rgba(245, 245, 245, 0);没有一个工作。

这是我的bootstrap.css文件：http://wklej.org/hash/754afd00cfa/

Answer 1

也许解决方案是在单独的文件中覆盖Bootstrap CSS，例如以application.css命名：

.panel.panel-primary{
    background-color: rgba(245, 245, 245, 0);
}

您需要在bootstrap.css

之后加入此内容

Answer 2

我不建议直接编辑bootstrap.css文件。您可以在http://getbootstrap.com/customize/生成自定义bootstrap.css文件以及缩小版本。对于您想要透明的任何组件，请输入＆＃39; transparent＆＃39;因为它们的背景颜色。对于您要描述的内容，您需要更改Panels下的@ panel-bg变量。

如何在我的Web应用程序中为所有引导程序面板的主体设置透明背景

2 个答案: