title: bootstrap 3 section overlap below section
body: <p>I have downloaded the template at <a href="http://ironsummitmedia.github.io/startbootstrap-scrolling-nav/" rel="nofollow noreferrer">http://ironsummitmedia.github.io/startbootstrap-scrolling-nav/</a> and added some image on the intro section but the image I need is a bit large and overlap the section below it when view under smaller screen like when I minimized the width of the browser. Also, the right content overlap the left content (image) when minimize browser. Below are the code:</p>
  
  <pre><code>    &lt;section id="intro" class="intro-section" style="background:#ffffff"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-6 col-lg-6" style="text-align:right;border:0px solid #ccc"&gt;
                  &lt;div style="position:relative;top: 0"&gt;
  
                      &lt;img class="img-responsive center-block" src="asset/img/samsung_galaxy_tab_a_white_front_fit.jpg" style="position: absolute; top: 0; left: 0"/&gt;
  
                      &lt;div id="slider1_container" style="position: relative; top: 61px; left: 29px;width: 392px; height: 520px;"&gt;
                          &lt;!-- Slides Container --&gt;
                          &lt;div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px;overflow: hidden;width: 392px; height: 520px;"&gt;                      
                              &lt;div&gt;&lt;img u="image" src="asset/img/guestarrive_visitor_completion.png" style="position: absolute"/&gt;&lt;/div&gt;
                              &lt;div&gt;&lt;img u="image" src="asset/img/guestarrive_show_visitor_agreement.png" style="position: absolute"/&gt;&lt;/div&gt;
                              &lt;div&gt;&lt;img u="image" src="asset/img/guesarrive_default_screen.png" style="position: absolute"/&gt;&lt;/div&gt;
                              &lt;div&gt;&lt;img u="image" src="asset/img/guestarrive_quick_reg.png" style="position: absolute"/&gt;&lt;/div&gt;                                                                                                                                
                          &lt;/div&gt;
                      &lt;/div&gt;  
  
                  &lt;/div&gt;                                      
              &lt;/div&gt;
              &lt;div class="col-md-6 col-lg-6" style="border:0px solid #ccc"&gt;
                  &lt;span style="font-size:60px;"&gt;
                      Recycle your visitor log book today and impress every guest with GuestArrive :D
                  &lt;/span&gt;
              &lt;/div&gt;                
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hg4IA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hg4IA.png" alt="enter image description here"></a></p>