title: How to include Bootstrap Icon to Button
body: <p>I'm making a <code>button</code> using <code>createElement</code> in javascript.
  I want to add a bootstrap delete icon in that <code>button</code>.</p>
  <p>My code -</p>
  <pre><code>const aLink = document.createElement('button');
  aLink.innerHTML = '&lt;i class=&quot;bi bi-trash&quot;&gt;&lt;/i&gt; Delete'
  document.body.append(aLink);
  </code></pre>
  <p>In chrome only a button appears with Delete written inside it. I've already included bootstrap stylesheet and script files in my HTML.</p>
  <pre><code>&lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; integrity=&quot;sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6&quot; crossorigin=&quot;anonymous&quot;&gt;
  </code></pre>