2017-02-13 60 views
0

我使用引導程序3和web2py。Bootstrap 3 css覆蓋僅在localhost上工作

我想從Bootstrap使用panel-primary,但背景顏色不起作用,並且主體有太多的填充。

我有我自己的css文件,它在啓動後加載,以覆蓋各種東西,我自定義我的應用程序。

<link rel="stylesheet" href="{{=URL('static','css/bootstrap.min.css')}}"/> 
<link rel="stylesheet" href="{{=URL('static','css/web2py-bootstrap3.css')}}"/> 
<link rel="stylesheet" href="{{=URL('static','css/offertool.css')}}"/> 

對於在offertool.css文件我有這樣的面板:

.list-group-item { 
    padding: 5px 5px; 
} 

.panel-primary .panel-title { 
    background-color: #1E90FF; 
} 

這只是正常本地,然後我上傳應用程序和我的CSS停止工作。 添加!重要的沒有工作,我甚至嘗試通過添加這些樣式作爲內聯樣式作爲臨時修復來破解它,但它什麼都不做。

爲什麼在我的本地主機上工作,但沒有上傳?

回答

0

嘗試覆蓋引導樣式時,我遇到過這種情況。經常通過檢查以下內容來找到罪魁禍首:

  • 清除緩存(以Chrome瀏覽器隱身模式打開頁面)。如果您使用的是cloudflare,請將您的網站設置爲開發模式。如果您的站點有緩存腳本,也可以清除這些腳本。
  • 檢查標題中的css鏈接,確保您上傳了標題的最新版本。
  • 確保您的上傳實際上正在更新,請在Chrome檢查器中檢查您的css文件的源表。
  • 重新上傳所有文件,而不僅僅是您的css文件,請確保您的服務器 鏡像您的本地主機。

如果它在您檢查完所有內容後仍未顯示,我不確定要告訴您什麼。唯一的原因!重要的是不會覆蓋樣式是如果該樣式是內聯樣式。