0

Bootstrap が提供する CSS テンプレートを custom.css ファイルで拡張しました。ただし、サイトをロードすると、ブートストラップによって提供された古い CSS が表示され、サイトが新しい CSS に合わせて調整される瞬間があることに気付きました。

ユーザーがdivのフォント/位置を常に変更していると、これは気を散らすものだと思います。Web 開発者は、Bootstrap を使用してこれにどのように対処しますか? 更新が到着したときに問題が発生するため、Bootstrap CSS ファイルを直接変更しないでください。

参考のため ：

 <link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">
 <link href="{{ STATIC_URL }}css/bootstrap-responsive.css" rel="stylesheet">
 <link href="{{ STATIC_URL }}css/custom.css" rel="stylesheet">
4

1 に答える 1

1

3 つの CSS ファイルすべてを 1 つに結合することが 1 つの解決策になります。これを行うにはあらゆる種類の方法があります。ローテクな方法は、新しい結合された.css ファイルを開始し、3 つの CSS ファイルをコピーしてこの新しいファイルに貼り付けることです。現在表示されているのと同じ順序でこれを行うのが最善です。次に、ファイルの先頭にある 3 つの CSS ファイル リンクを次のように置き換えます。 

<link href="{{ STATIC_URL }}css/combined.css" rel="stylesheet">

1 つのファイルだけをロードしているため、ページのロードもわずかに高速化される可能性があります。

さらに一歩進めたい場合は、結合した CSS を縮小してみてください。繰り返しますが、あらゆる種類のオプションがあります。1 つの可能性はhttp://www.cssminifier.comです。

幸運を

于 2013-01-11T01:22:22.560 に答える