title: text moves to different div: css
body: <p>Here is the plunkr: </p>
  
  <p>The issue is for this div</p>
  
  <p><a href="https://plnkr.co/edit/HHsReAT6GLyNZTF4qOJj?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/HHsReAT6GLyNZTF4qOJj?p=preview</a></p>
  
  <pre><code>&lt;div class="main-page"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
          &lt;div class="col-xs-6 welcome-text"&gt;Ankur Chavda&lt;/div&gt;
          &lt;div class="col-xs-4 intro"&gt;Programmer, Singer Song-Writer, Football&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can see the css classes in plunkr.</p>
  
  <p>Thanks in advance.</p>