title: BootStrap: Trying to get 3 column layout but social icons don't want to jump up to the top line
body: <p>Using BootStrap trying to get a full column width heading and in medium to small sizes, would like single stacked column. The Social media icons don't seem to want to jump up to the top line when resized to full screen. Any help would be appreiciated. Thank you. Here is the <a href="https://codepen.io/ErikJamesRobles/pen/BrpQge?editors=1000" rel="nofollow noreferrer">codepen.io link</a>  and the code is below. </p>
  
  <p></p>
  
  
  
  
  
  
  
  <pre><code>    &lt;div class="pull-left row"&gt;
        &lt;div class="col-sm-2"&gt;
          &lt;img src="https://lh3.googleusercontent.com/7y0kWKxE4dgnlrTbZYvYYoY9ir9YR5aHtRxdnidEAR54I2ZyFm8Bb1G1NiXspp3EP6lmBQ=s86"
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-sm-8"&gt;
          &lt;h1 class="site-title h1 text-uppercase"&gt;Open Up&lt;br&gt; Language Services&lt;/h1&gt;
          &lt;small class="sub-title text-muted text-uppercase"&gt;Aprendizaje que teine impacto en tu mundo&lt;/small&gt;
        &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
        &lt;span class="col-sm-2"&gt;
          &lt;img src="http://res.cloudinary.com/erikrobles/image/upload/v1521666999/linkedInIcon_htpbxo.png"&gt;
        &lt;img src="http://res.cloudinary.com/erikrobles/image/upload/v1521666999/linkedInIcon_htpbxo.png"&gt;
        &lt;img src="http://res.cloudinary.com/erikrobles/image/upload/v1521666999/linkedInIcon_htpbxo.png"&gt;
        &lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>