title: Adding icons in between bootstrap columns
body: <p><a href="https://i.stack.imgur.com/djTx9.png" rel="nofollow noreferrer">requirement</a></p>
  
  <p>My code </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;div class="col-md-8"&gt;
     &lt;div class="panel panel-default"&gt;
        &lt;div class="panel-body"&gt;
           &lt;div class="row"&gt;
              &lt;div class="col-md-2"&gt;
                 &lt;small&gt;
                 &lt;/small&gt;
              &lt;/div&gt;
              &lt;!--similar 5 more columns--&gt;
           &lt;/div&gt;
           &lt;div class="row"&gt;
              &lt;div class="col-md-2 goldenYellow"&gt;
                 &lt;small&gt;
                 HB GRANDI REYK,ICELAND, TD(GMT+2) 10:11 31/072017
                 &lt;/small&gt;
              &lt;/div&gt;
              &lt;!--similar 5 more columns--&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>looks like this
  <a href="https://i.stack.imgur.com/Pdof7.png" rel="nofollow noreferrer">my present image</a></p>
  
  <p>I would like to add customized icon right arrow between divs or at the end od each div</p>