title: bootstrap columns overlapping
body: <p>I have an issue with bootstrap's grid layout. My columns are overlapping one another when I resize the screen to a smaller layout.</p>
  
  <p>I'm not sure what the issue is.</p>
  
  <p>Here is a picture of what is going on:</p>
  
  <p><a href="https://i.stack.imgur.com/oSkeD.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/oSkeD.jpg" alt="SS"></a></p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;div class='container-fluid'&gt;
  
    &lt;div class="row"&gt; &lt;!-- 1 --&gt;
      &lt;div class="col-sm-5 col-md-4"&gt;
        &lt;h1&gt;JOHN SMITH&lt;/h1&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class='row'&gt; &lt;!-- 2 --&gt;
      &lt;div class="col-sm-5 col-md-4"&gt;
        &lt;h2&gt;VULCAN FLATBED&lt;/h2&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="row"&gt; &lt;!-- 3 --&gt;
      &lt;div class="col-sm-4 col-md-4 col-lg-4" style="background-color:yellow;"&gt;
  
        &lt;div class='row'&gt;
            &lt;img src="vulcan.jpg" alt="vehicle image" width='391'/&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;button type='submit'&gt;
            &lt;img src="book_now_button@2x.png" alt="book now"&gt;
          &lt;/button&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="col-sm-8 col-md-8 col-lg-8" style="background-color:pink;"&gt; &lt;!-- RIGHT SIDE --&gt;
  
        &lt;div class='row'&gt;
  
          &lt;h3&gt;CAN HELP WITH&lt;/h3&gt;
          &lt;p&gt;LIFTING &amp; YARD WORK&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;h3&gt;AVAILABLE&lt;/h3&gt;
          &lt;p&gt;ALL WEEKENDS&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class='row'&gt;
          &lt;h3&gt;NOTE&lt;/h3&gt;
          &lt;p&gt;HI, MY NAME IS JOHN AND I HAVE A GREAT TRUCK FOR TRANSPORTING CARS,
         WORK MATTERIAL, OR HEAVY OBJECTS. I HAVE A FULL TIME JOB SO I CAN
         ONLY HELP YOU ON THE WEEKENDS. I LOVE WORKING WITH MY HANDS SO IF YOU
         SOME HELP WITH LIFTING OR YARDWORK I AM YOUR GUY. BOOK NOW TO CONTACT
         ME AND LET ME HELP YOU OUT.
          &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt; &lt;!-- end 3 --&gt;
  
    &lt;hr&gt;
  &lt;/div&gt; &lt;!-- end wrap --&gt;
  </code></pre>