如何在我的Web應用程序中為所有引導面板的主體設置透明背景

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文件以及縮小版本。 對於要透明的任何組件，請以“透明”作為背景色。 對於您要描述的內容，您需要更改面板下的@ panel-bg變量。