title: Bootstrap 4 badge is not changing color
body: <p>I am using bootstrap 4 and I want to create a badge with blue color so I used:</p>
  
  <pre><code>&lt;td&gt;&lt;a href="patient_history.php?pid=&lt;?php echo $patient['patient_id']; ?&gt;"&gt;&lt;i class="badge badge-info"&gt;Edit History&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
  </code></pre>
  
  <p>inside a table of <code>class="table table-hover"</code>, and the result was the default badge color and not blue.</p>
  
  <p><a href="https://i.stack.imgur.com/A7c1p.png" rel="noreferrer"><img src="https://i.stack.imgur.com/A7c1p.png" alt="enter image description here"></a></p>