How to override twitter bootstrap styles in angular2 with ng2-bootstrap : <p>I am using ng2-bootstrap from valor-software.  When I start the website using ng serve, the page that is served up has the following style tags in the header:</p>

<pre><code>&lt;style type="text/css"&gt;/* You can add global styles to this file, and also import other style files */
&lt;/style&gt;

&lt;style type="text/css"&gt;/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}
</code></pre>

<p>It is clearly pulling the second inline style in from the node_modules/bootstrap/dist/css/bootstrap.css file.  I want to override the background-color on the body tag.  I can change the bootstrap.css file in the node-modules folder, but that doesn't feel like the right solution.</p>

<p>Changing the style.css file doesn't do anything.  Even changing the index.html file doesn't seem to do anything.  The styles appear to be overridden.</p>

<p>Any help would be most appreciated.</p>

<p>thanks</p>
