Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the difference between bootstrap.css and bootstrap-combined.min.css?

Tags:

I am using bootstrap.css and I found that there is another css file named bootstrap-combined.min.css, is there any difference in style? Is there any need to include both css files? Which one is more preferable?

like image 772
vipin Avatar asked Aug 07 '14 10:08

vipin


People also ask

What is the difference between Bootstrap CSS and Bootstrap min CSS?

They have exactly the same function, but the . min. css version has been minified, meaning all whitespace has been removed to reduce file size and increase speed.

What is the difference between Bootstrap js and Bootstrap bundle js?

Both are same but bundle has other js included in it like popper. js whereas, bootstrap. min. js only have the minimal js which is required to run the bootstrap.

What is Bootstrap min 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.* ).

What is min CSS file?

CSS minification is the process of removing unneeded code from CSS source files, with the goal of reducing file size without changing how the CSS file executes in the browser.


2 Answers

The file bootstrap-combined.min.css is for Bootstrap v2, it is the combined css file of bootstrap.css (the main css file) and bootstrap-responsive.css (the responsive Bootstrap styles). It's exactly the same as using those two files separately but it just saves you an extra request.

The "min" part of the filename just means that it has been minified, which is to say that it has had all the unnecessary white-space/comments/etc removed.

Conclusion

bootstrap.min.css = compressed version of bootstrap.css
bootstrap-combined.min.css = bootstrap.min.css + bootstrap-responsive.min.css

like image 155
joshhunt Avatar answered Oct 26 '22 23:10

joshhunt


Basically min is minified version, which is intend for production. In normal version you can see through codes and edit (In some cases, necessary though). Sizes are remarkable reduced in minified version and relieve bandwidth, time and memory.

like image 33
Naing Lin Aung Avatar answered Oct 27 '22 00:10

Naing Lin Aung