title: How to fix icon column alignment
body: <p>I'm quite new in the field and I want to create tabs and I found the following process tab function.
  <a href="https://codepen.io/rt99/pen/BaBWwRG" rel="nofollow noreferrer">https://codepen.io/rt99/pen/BaBWwRG</a></p>
  
  <p>I want to add new processes/icons with it, but it shows on the next line no t on the current one. I want all of them to be in the same line. </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-xs-12"&gt;
  </code></pre>
  
  <p>I got quite confused while going through the resource about what should I change.</p>