Why can Regular and Minimalized Bootstrap CSS be referenced in code?
I am trying to implement a third party script that links to the following in my demo template:
<link href="/css/bootstrap-image-gallery.min.css" rel="stylesheet">
<link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/jquery.fileupload-ui.min.css" rel="stylesheet">
<link href="/css/prettify.css" rel="stylesheet">
<script type="text/javascript" src="/js/prettify.js"></script>
Both bootstrap.css and bootstrap.min.css are included in the script, which is quite understandable if the user wants to change the unminified script. But why is the author referring as HTML code?
PS I cannot easily determine if there are differences in the two files because the unminified script has over 6000 lines of code.
source to share
It shouldn't be (if it's alive). You need to specify only the minimized.
Referencing both is a waste and a waste of resources - unless one or both files contain no custom settings. But then they have to be combined with one to keep the HTTP requests.
If it's under development, it is sometimes useful to reference the unminified version when tweeking - although then I wouldn't bother with the shorthand version.
EDIT / UPDATE: If this is straight from a template and no one worked on your site, then I suspect the template is being referenced as making the choice you want, and sometimes it's easier to develop with a complete file.
If your site is small, you can just link to the shortened version and go through it to make sure everything works.
If the job hasn't been done, so no chance of a custom change, just get rid of the one you don't want.
source to share