title: Bootstrap card not getting styled
body: <p>I am editing an old website. The website uses bootstrap 3.3.6</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div class="col-lg-12"&gt;
    &lt;div class="card"&gt;
      &lt;div class="card-header"&gt;
        Example
      &lt;/div&gt;
      &lt;div class="card-body"&gt;
        &lt;ul id="example"&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Using this code, the Card dose not get styled. Is this not supported on the bootstrap 3.3.6? If yes how can I upgrade bootstrap? just change the bootstrap.min.css file? Could that broke other parts of the website? </p>