title: Angular bootstrap prepends css html page
body: <p>I'm using bootstrap 1.3.2 in an angular web application. I'm using only the js library, not the css as I'm providing my own styles to the app. But in the resulting web application there are a few  elements in the  with css data which I did not insert.</p>
  
  <p>I checked the bootstrap library and just at the end there are some lines similar to this.</p>
  
  <pre><code>angular.module('ui.bootstrap.carousel').run(function() {
    !angular.$$csp().noInlineStyle &amp;&amp; !angular.$$uibCarouselCss &amp;&amp; angular.element(document).find('head').prepend('&lt;style type="text/css"&gt;.ng-animate.item:not(.left):not(.right){-webkit-transition:0s ease-in-out left;transition:0s ease-in-out left}&lt;/style&gt;');
    angular.$$uibCarouselCss = true;
  });
  </code></pre>
  
  <p>As you can see, this is inserting some css in my web page. I can just comment these lines, but I wonder, why is bootstrap doing something like this? is this some 'core' css for the component which should not be removed?</p>
  
  <p>I commented those lines and everything seems to be working fine.</p>
  
  <p>Thanks</p>