Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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

like image 381
Saiful Islam Avatar asked Nov 08 '14 19:11

Saiful Islam


People also ask

Why do we use 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.

What is the use of min CSS?

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.

What is the difference between CSS and Bootstrap?

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.

What is Bootstrap CSS file?

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.


3 Answers

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)

like image 184
Mubo Avatar answered Oct 19 '22 11:10

Mubo


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.

like image 22
Vaugen Wakeling Avatar answered Oct 19 '22 13:10

Vaugen Wakeling


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.

like image 3
Alizoh Avatar answered Oct 19 '22 11:10

Alizoh