What Is Defferent Between Bootstrap.CSS and Bootstrap.Min.CSS

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

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)

What is the difference between bootstrap.css and bootstrap-theme.css?

bootstrap.css is the core css for BootStrap that defines all the style for various controls/components, where as bootstrap-theme.css defines the themes (gradient/animation) for buttons,dropdown menu,navbar,progressbar,panels.

Most of the times adding bootstrap.css is enough for bootstrap to work, but for gradient/animation, you can use bootstrap-theme.css.

You can see the difference on https://getbootstrap.com/docs/3.4/css/#buttons and then click on "Preview theme" from the very bottom of the menu on the right-hand side of the page.

bootstrap.css vs bootstrap.js which one should I use?

You have two differents bootstrap lib. One with CSS and one with JS.

The CSS lib contain base of bootstrap style : http://getbootstrap.com/2.3.2/base-css.html

And the js contain some graphics components and animations : http://getbootstrap.com/2.3.2/components.html

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

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

difference between bootstrp.css and bootstrap-responsive.min.css file

Bootstrap version 2 used the bootstrap-responsive.min.css for responsive sites.

But current Bootstrap is responsive automatically, it does not use bootstrap-responsive.min.css

So: you should be using Bootstrap version 3. It is responsive. It does not need a "responsive" CSS file.

Include both bootstrap.min.css and bootstrap.css or just one?

This is correct behavior - you can have a single class named 'A' per document. .min.css/.min.js - are generally the same css and js files with all spaces removed from them. It makes them smaller and load faster. Browser won't need spaces anyway.

difference between Installing bootstrap and including its recommanded files to html file

You install packages to have access to their functions and sometimes their css code to use them in your projects . For example you install bootstrap you actually download it's minified css file so you need to import that css in your project and use it's classes for elements .

---

Related Topics