What is defferent between bootstrap.css and bootstrap.min.css

Question

Recently I learn Twitter Bootstrap. I am new now. When I download, I founded two CSS file.

1. bootstrap.css
and
2. bootstrap.min.css

But on sample file, only one file linked.like bellow:

<link rel='stylesheet' type='text/css' href='css/bootstrap.min.css'>

bootstrap.min.css, Now I want to know: What is defferent between bootstrap.css and bootstrap.min.css

Answer 1

There's no difference between the two. The 'min' simply means that it is minified, meaning white-paces, new lines and empty spaces are removed, so that the file is lighter for including in the HTML document.

which can result to shorter loading times. See

http://en.wikipedia.org/wiki/Minification_(programming)

Answer 2

The bootstrap.css file has line spaces, comments and is very structured.

The bootstrap.min.css has no line spaces, comments or structure.

A .min file is a file that is compressed to be smaller by removing comments and line spaces and should be use in your production version of your website/application to cut down on server and browser load.

Hope this helps.

Answer 3

any .min.css File is the same .css file but minified ( that is what the min stands for) minified means that empty lines, white spaces, etc... are removed to make the file size smaller and improve the load time.