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
Advantages of Bootstrap: Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap. Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops. Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework.
The min() CSS function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a CSS property value. The min() function can be used anywhere a <length> , <frequency> , <angle> , <time> , <percentage> , <number> , or <integer> is allowed.
CSS is a pure CSS framework. That means it only uses HTML and CSS — not JavaScript. Bootstrap, on the other hand, uses HTML, CSS, and JavaScript. It's important to note, however, that Bootstrap is primarily built with HTML and CSS.
This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS ( bootstrap. * ), as well as compiled and minified CSS and JS ( bootstrap. min.
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)
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With