bootstrap.min.cssまたはbootstrap.cssの間で何を使用すべきですか?
2つのファイルが混同されているのは、bootstrap.css
は読み取り可能です。つまり、上下にスクロールできます。しかし bootstrap.min.css
は左右にしかスクロールできないため、編集が困難です。
bootstrap.min.css
が縮小されました。これは、すべての空白およびその他の余分な文字が削除されたことを意味します。これは、ファイルサイズを縮小するために、本番環境で使用するために一般的に行われます。あなたが言ったように、それが読みやすいので、開発するとき、通常、縮小されていないバージョンを使用することは役に立ちます。
編集:コメントでDrBezaが言及したように、bootstrap.css
ファイルを変更することを意図している場合、別個の.css
ファイルを作成し、デフォルトをオーバーライドする独自のCSSルールを追加することをお勧めします。これにより、新しいバージョンのブートストラップに更新する場合、新しいbootstrap.css
を編集して変更を移動する必要なく、bootstrapファイルを簡単に交換できます。
機能はまったく同じですが、.min.css
バージョンはminifiedでした。つまり、ファイルサイズを減らして速度を上げるために、すべての空白が削除されたことを意味します。
普通 .css
は、コンテンツを編集して操作したい場合は開発に適していますが、ファイルを変更しない場合は、.min.css
は、パフォーマンスをわずかに向上させます。
Bootstrap.min.cssとbootstrap.cssの主な違いは間隔です。 bootstrap.min.cssファイルでは、すべての空白が削除されていますが、bootstrap.cssファイルでは空白が存在します。したがって、明らかにbootstrap.min.cssに比べてファイルサイズは大きくなります。そのため、開発者としてbootstrap.min.cssを使用する必要があります。
要点は次のとおりです。開発時にはbootstrap.cssを使用し、開発が完了したらbootstrap.min.cssを使用します(つまり、bootstrap.cssを指すコード内のすべてのインスタンスをbootstrap.min.cssに変更します)。エンドユーザーにとってより良いUX。