web-dev-qa-db-ja.com

bootstrap.min.cssとbootstrap.cssの違いは何ですか?

bootstrap.min.cssまたはbootstrap.cssの間で何を使用すべきですか?

2つのファイルが混同されているのは、bootstrap.cssは読み取り可能です。つまり、上下にスクロールできます。しかし bootstrap.min.cssは左右にしかスクロールできないため、編集が困難です。

40
Haxor

bootstrap.min.cssが縮小されました。これは、すべての空白およびその他の余分な文字が削除されたことを意味します。これは、ファイルサイズを縮小するために、本番環境で使用するために一般的に行われます。あなたが言ったように、それが読みやすいので、開発するとき、通常、縮小されていないバージョンを使用することは役に立ちます。

編集:コメントでDrBezaが言及したように、bootstrap.cssファイルを変更することを意図している場合、別個の.cssファイルを作成し、デフォルトをオーバーライドする独自のCSSルールを追加することをお勧めします。これにより、新しいバージョンのブートストラップに更新する場合、新しいbootstrap.cssを編集して変更を移動する必要なく、bootstrapファイルを簡単に交換できます。

58
forgivenson

機能はまったく同じですが、.min.cssバージョンはminifiedでした。つまり、ファイルサイズを減らして速度を上げるために、すべての空白が削除されたことを意味します。

普通 .cssは、コンテンツを編集して操作したい場合は開発に適していますが、ファイルを変更しない場合は、.min.cssは、パフォーマンスをわずかに向上させます。

19
Marco Prins

Bootstrap.min.cssとbootstrap.cssの主な違いは間隔です。 bootstrap.min.cssファイルでは、すべての空白が削除されていますが、bootstrap.cssファイルでは空白が存在します。したがって、明らかにbootstrap.min.cssに比べてファイルサイズは大きくなります。そのため、開発者としてbootstrap.min.cssを使用する必要があります。

1
Mohit Patel

要点は次のとおりです。開発時にはbootstrap.cssを使用し、開発が完了したらbootstrap.min.cssを使用します(つまり、bootstrap.cssを指すコード内のすべてのインスタンスをbootstrap.min.cssに変更します)。エンドユーザーにとってより良いUX。

0
FouadDev