ブートストラップ3 cssはローカルホスト上でのみ動作します

Question

私はブートストラップ3とweb2pyを使用しています。

ブートストラップからパネルプライマリを使用したいが、背景色がうまく機能せず、本体に余分なパディングがある。

自分のアプリケーションをカスタマイズするときに、さまざまなことを無効にするためにブートストラップ後に読み込まれる自分のCSSファイルがあります。 offertool.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')}}"/> 

：これはうまくローカルで動作し、その後、私はアプリをアップロードして、私のCSSが動作しなくなった

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

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

。 ！importantを追加することはできませんでした。私は、これらのスタイルを一時的な修正としてインラインスタイルとして追加することでハックしようとしましたが、何もしません。

なぜ私のローカルホストで作業していますが、アップロードされていませんか？

Answer 1

ブートストラップスタイルをオーバーライドしようとすると、これは私に数回起こりました。多くの場合、次の項目をチェックすることで原因を見つけることができます。

• キャッシュをクリア（クロームシークレットモードでは開いているページ）。 cloudflareを使用している場合は、サイトを開発モードに設定します。あなたのサイトにキャッシュスクリプトがある場合は、それらもクリアします。
• ヘッダーのCSSリンクを確認して、ヘッダーの最新バージョンをアップロードしたことを確認してください。
• アップロードが実際に更新されていることを確認するには、Chromeのインスペクタでcssファイルのソーステーブルを確認します。
• あなたのcssファイルだけでなく、すべてのファイルを再アップロードするには、サーバー がローカルホストをミラーリングしていることを確認してください。

すべてを確認しても表示されない場合は、何を伝えるべきかわかりません。唯一の理由は、スタイルがインラインスタイルの場合、重要なのはスタイルを上書きしないことです。