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

css twitter-bootstrap-2
vipin picture vipin · Aug 7, 2014 · Viewed 20.7k times · Source

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?

Answer

joshhunt picture joshhunt · Aug 7, 2014

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

Related questions

Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2

I am using the Bootstrap framework for my UI. I want to change the color of my glyphicons to blue, but not in all places. In some places it should use the default color. I have referred to these two …

Read More
How to center a div with Bootstrap2?

http://twitter.github.com/bootstrap/scaffolding.html I tried like all combinations: <div class="row"> <div class="span7 offset5"> box </div> </div> or <div class="container"> <div class="row"&…

Read More
TypeError: $(...).modal is not a function with bootstrap Modal

I have a bootstrap 2.32 modal which I am trying to dynamically insert into the HTML of another view. I'm working with Codeigniter 2.1. Following Dynamically inserting a bootstrap modal partial view into a view, I have: <div id="modal_target"&…

Read More