title: Bootstrap 4 small badge next to big title
body: <p>I'm trying to get a <em>small</em> Bootstrap (4) badge next to a <em>big</em> title. What i've tried:</p>
  
  <pre><code>&lt;h1&gt;Product &lt;span class="badge badge-primary"&gt;Version 1&lt;/span&gt;&lt;/h1&gt;
  </code></pre>
  
  <p><img src="https://i.gyazo.com/2c9ec9021d9c78e066218af4a236548b.png" alt=""></p>
  
  <p>and</p>
  
  <pre><code>&lt;h1&gt;Product&gt;&lt;/h1&gt;
  &lt;span class="badge badge-primary"&gt;Version 1&lt;/span
  </code></pre>
  
  <p><img src="https://i.gyazo.com/c7adf3b3320b341cae29d3bb4098904a.png" alt=""></p>
  
  <p>What I want:</p>
  
  <p><img src="https://i.imgur.com/2A4oqgE.png" alt=""></p>
  
  <p>What is the easiest way to achieve this?</p>