title: How to remove space between Bootstrap rows
body: <p>For some reason I have a gap between my two bootstrap rows, I think it may be relating to bootstrap padding somewhere but I couldn't find anything that might be pushing the second row lower. Here's a <a href="https://i.stack.imgur.com/dHmMg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dHmMg.jpg" alt="Screenshot"></a> of what's happening. I want the image in the second row to be pushed up so it's beneath the first row (the row highlighted in the image). Any help is appreciated!</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-css lang-css prettyprint-override"><code>/*style sheet*/
  
  
  #Backg
  {
  background-image: url("Graphics/ravenna.png");
  background-repeat: repeat;
  height: 100%;
  }
  
  
  
  #PrimaryC {
  padding: 10px;
  background-image: url("Graphics/paper_fibers.png");
  background-repeat: repeat;
  height: 100%;
  -moz-box-shadow: 0px 0px 20px #000000;
  -webkit-box-shadow: 0px 0px 20px #000000;
  box-shadow: 0px 0px 20px #000000;
  }
  
  #Header
  {
  height: 100px;
  width: 100%;
  background-image: url("Graphics/SiteLogo.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  }  
  
  
  .caption a
  {
  text-decoration: none;
  color: black;
  }
  
  .caption a:hover
  {
  text-decoration: none;
  color: black;
  
  }
  
  .caption a:visited
  {
  text-decoration: none;
  color: black;
  
  }
  
  .caption a:active
  {
  text-decoration: none;
  color: black;
  
  }
  
  .form-group
  {
  padding: 10px;
  }
  
  
  
  
  .Content 
  {
  width: 100%;
  height: 500px;
  background-color: white;
  resize: both;
  border-radius: 0px 25px 25px 25px;
  border: 1px solid white;
  
  }
  
  #HeaderText /
  {
  font-family:'Rokkitt', serif;
  font-size: 35px;
  color: black;
  text-decoration: underline;
  padding-right: 20px;
  }
  
  #RegularText 
  {
  
  
  font-family:'Rokkitt', serif;
  font-size: 18px;
  padding-right: 20px;
  }
  
  .dropcap
  { 
  float: left;
  color: #903;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  font-family: Georgia; 
  }
  
  
  #Arcade 
  {
  width: 100%;
  
  }
  
  .post-content
  {
  font-family:'Didact Gothic', sans-serif;
  font-size: 150%; 
  top: 120px;
  left:15px;
  position: relative;
  letter-spacing: 2px;
  
  }
  
  #RightRow
  {
  Position: relative;
  
  }
  
  
  .top-buffer 
  { margin-top:20px; 
  }
  
  
  .centerBlock
  {
  position: relative;
  top: -200px;
  padding-left: 10px;
  margin:0 auto;
  }
  
  
  
  .Slot
  {
  display: inline-block;
  margin-left: 10px;
  right: 5px;
  }
  
  
  
  #slideshow
  {
  margin:auto;
  }
  
  
  .col-md-12 
  {
  position: relative;
  
  }
  
  
  .bigicon  
  {
  font-size: 35px;
  color: #4D7549;
  padding: 10px;
  }
  
  .header
  {
  font-family:'Rokkitt', serif;
  font-size: 35px;
  text-decoration: underline;
  
  }
  
  
  .footer-basic-centered
  {
  background-color: #683025;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font: normal 18px sans-serif;
  box-shadow: 0 5px 5px -5px black;
  padding: 15px;
  margin-top: 25px;
  }
  
  .footer-basic-centered .footer-company-motto
  {
  color:  white;
  font-size: 24px;
  margin: 0;
  font-family:'Rokkitt', serif; 
  }
  
  .footer-basic-centered .footer-company-name
  {
  color:  #8f9296;
  font-size: 14px;
  margin: 0;
  }
  
  .footer-basic-centered .footer-links
  {
  list-style: none;
  font-weight: bold;
  color:  #ffffff;
  padding: 35px 0 23px;
  margin: 0;
  font-family: 'Didact Gothic', sans-serif;
  }
  
  .footer-basic-centered .footer-links a
  {
  display:inline-block;
  text-decoration: none;
  color: inherit;
  }
  
  
  
  @media (max-width: 600px) {
  
   .footer-basic-centered{
    padding: 35px;
   }
  
   .footer-basic-centered .footer-company-motto{
    font-size: 18px;
   }
  
   .footer-basic-centered .footer-company-name{
    font-size: 12px;
   }
  
   .footer-basic-centered .footer-links{
    font-size: 14px;
    padding: 25px 0 20px;
   }
  
   .footer-basic-centered .footer-links a{
    line-height: 1.8;
   }
  }
  
  
  
  thead 
  {
   display:block;
   margin:0px;
   cell-spacing:0px;
   left:0px;
  }
  
  tbody 
  { display:block;
   overflow:auto;
   height:300px; 
  }
  
   th
   { height:50px;
   width:100%;
  }
  
  
  td 
  { height:30px;
   width:100%;
   margin:0px;
   cell-spacing:0px;
  }
  
  
  
  /*Desktop*/
  #Home, #Stock, #AboutUs, #ContactUs
  {
  padding-bottom: 22px;
  position: relative;
  top: -360px;
  }
  
  
  
  /*Tablet Devices*/
  @media (min-width: 768px) and (max-width: 969px) {
  #Home, #Stock, #AboutUs, #ContactUs
  {
  padding-bottom: 18px;
  position: relative;
  top: -270px;
  font-size: 50%;
  
  
  }
  }
  /*Mobile Devices*/
  @media(max-width: 767px) {
  #Home, #Stock, #AboutUs, #ContactUs
  {
  padding-bottom: 18px;
  position: relative;
  font-size: 20%;
  top: auto;
  } 
  .post-content
  {
  top: 20px;
  font-size: 80px;
  }
  .Content
  {
  height: 600px;
  }
  }
  
  /*1200*/
  @media (min-width: 970px) and (max-width: 1119px) {
  #Home, #Stock, #AboutUs, #ContactUs
  {
  padding-bottom: 25px;
  position: relative;
  top: -310px;
  font-size: 60%;
  }}
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
     
      &lt;link rel="stylesheet" href="Styles.css" /&gt;   &lt;!--Main Style Sheet--&gt;
      &lt;link rel="stylesheet" href="bootstrap.min.css" /&gt;  &lt;!--Bootstrap Style Sheet--&gt;
   &lt;link rel="stylesheet" href="animate.css" /&gt;  &lt;!--Animate Style Sheet--&gt;
   &lt;link rel="stylesheet" href="hover.css" /&gt;   &lt;!--Hover animation Style Sheet--&gt;
   &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"&gt; &lt;!--Font Awesome Style Sheet--&gt;
  
      &lt;link href='https://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css' /&gt;   &lt;!--Rokkitt Google Font--&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css' /&gt;  &lt;!--Gothic Google Font--&gt;
  
   &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"&gt;&lt;/script&gt;   &lt;!--BootStrap JS--&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"&gt;&lt;/script&gt;     &lt;!--JQuery JS--&gt;
   &lt;script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"&gt;&lt;/script&gt;     &lt;!--JQuery Cycle Plug-in--&gt;
    
   &lt;!--Image Fade Script--&gt;
   &lt;script type="text/javascript"&gt; 
   $(document).ready(function() {
    $('.Slot').cycle({
     fx: 'fade' 
    });
   });
   &lt;/script&gt;
   &lt;title&gt;Retro Games Arcade&lt;/title&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
      &lt;div id="Backg"&gt;
        &lt;div id="PrimaryC" class="container"&gt;                    &lt;!--Primary Container--&gt;
          &lt;div id="Header"&gt;                        &lt;!--Site Logo--&gt;
          &lt;/div&gt;
          &lt;div class="Content"&gt;                      &lt;!--Main Content Container--&gt;
            &lt;div class="row"&gt;                      &lt;!--Row 1--&gt;
              &lt;div class="col-sm-6"&gt;                    &lt;!--Left Col--&gt;             
                &lt;img src="Graphics/Arcade.png" id="Arcade" class="hidden-xs" /&gt;
                &lt;div class="caption post-content"&gt;
                  &lt;div id="Home"&gt;&lt;a href="Home.htm" class="hvr-push"&gt;home&lt;/a&gt;&lt;/div&gt;        &lt;!--Home Button--&gt;                
                  &lt;div id="Stock"&gt;&lt;a href="Stock.htm" class="hvr-push"&gt;stock&lt;/a&gt;&lt;/div&gt;       &lt;!--Stock Button--&gt;               
                  &lt;div id="AboutUs"&gt;&lt;a href="AboutUs.htm" class="hvr-push"&gt;about us&lt;/a&gt;&lt;/div&gt;      &lt;!--About Us Button--&gt;                
                  &lt;div id="ContactUs"&gt;&lt;a href="ContactUs.htm" class="hvr-push" &gt;contact us&lt;/a&gt;&lt;/div&gt;    &lt;!--Contact Us Button--&gt;               
                &lt;/div&gt;
       
       
       &lt;div id="slideshow" class="centerBlock hidden-xs hidden-sm hidden-md"&gt;         &lt;!--Image Slide Show--&gt;
        &lt;div class="Slot"&gt;
        &lt;img class="img-responsive" src="Graphics/IMG1.png" width="158" height="162"&gt;
        &lt;img class="img-responsive" src="Graphics/L1.png" width="158" height="162"&gt;
        &lt;/div&gt;
        
        &lt;div class="Slot"&gt;
        &lt;img class="img-responsive" src="Graphics/IMG2.png" width="158" height="162"&gt;
        &lt;img class="img-responsive" src="Graphics/L2.png" width="158" height="162"&gt;
        &lt;/div&gt;
        
        &lt;div class="Slot"&gt;
        &lt;img class="img-responsive" src="Graphics/IMG3.png" width="158" height="162"&gt;
        &lt;img class="img-responsive" src="Graphics/L3.png" width="158" height="162"&gt;
        &lt;/div&gt;
      &lt;/div&gt;         
     &lt;/div&gt;
     
              &lt;div class="col-sm-6 form-group" id="RightRow"&gt;                   &lt;!--Form--&gt;
      &lt;legend class="text-center header"&gt;Contact us&lt;/legend&gt;
           &lt;div class="form-group"&gt;
                           &lt;span class="col-md-1 col-md-offset-2 text-center"&gt;&lt;i class="fa fa-user bigicon"&gt;&lt;/i&gt;&lt;/span&gt;
         &lt;div class="col-md-8"&gt;
          &lt;input id="fname" name="name" type="text" placeholder="First Name" class="form-control"&gt;  &lt;!--First Name Field--&gt;
         &lt;/div&gt; 
       &lt;/div&gt;
     
                 &lt;div class="form-group"&gt;
                           &lt;span class="col-md-1 col-md-offset-2 text-center"&gt;&lt;i class="fa fa-user bigicon"&gt;&lt;/i&gt;&lt;/span&gt;   &lt;!--Last Name Field--&gt;
                              &lt;div class="col-md-8"&gt;
                                  &lt;input id="lname" name="name" type="text" placeholder="Last Name" class="form-control"&gt;
                              &lt;/div&gt;
                       &lt;/div&gt;
  
                       &lt;div class="form-group"&gt;
                           &lt;span class="col-md-1 col-md-offset-2 text-center"&gt;&lt;i class="fa fa-envelope-o bigicon"&gt;&lt;/i&gt;&lt;/span&gt;  &lt;!--Email Address Field--&gt;
                              &lt;div class="col-md-8"&gt;
                                  &lt;input id="email" name="email" type="text" placeholder="Email Address" class="form-control"&gt;
                              &lt;/div&gt;
                       &lt;/div&gt;
  
                       &lt;div class="form-group"&gt;
                           &lt;span class="col-md-1 col-md-offset-2 text-center"&gt;&lt;i class="fa fa-phone-square bigicon"&gt;&lt;/i&gt;&lt;/span&gt; &lt;!--Phone Number Field--&gt;
                              &lt;div class="col-md-8"&gt;
                                  &lt;input id="phone" name="phone" type="text" placeholder="Phone Number" class="form-control"&gt;
                              &lt;/div&gt;
                       &lt;/div&gt;
  
                       &lt;div class="form-group"&gt;
                           &lt;span class="col-md-1 col-md-offset-2 text-center"&gt;&lt;i class="fa fa-pencil-square-o bigicon"&gt;&lt;/i&gt;&lt;/span&gt; &lt;!--Message Field--&gt;
                              &lt;div class="col-md-8"&gt;
                                  &lt;textarea class="form-control" id="message" name="message" placeholder="Enter your message here and a member of our team will respond as quickly as possible." rows="7"&gt;&lt;/textarea&gt;
                              &lt;/div&gt;
                       &lt;/div&gt;
  
                       &lt;div class="form-group"&gt;
                           &lt;div class="col-md-12 text-center"&gt;
         &lt;/br&gt;
                                  &lt;button type="submit" class="btn btn-primary btn-lg"&gt;Submit&lt;/button&gt;        &lt;!--Submit Button--&gt;
                           &lt;/div&gt;
                       &lt;/div&gt;
     &lt;/div&gt;
    &lt;/div&gt;
        
        
    &lt;div class="row" id="stuff"&gt;                        &lt;!--Row 3--&gt;
            &lt;div class="col-md-12"&gt;
              &lt;img src="Graphics/Aracde3.png" id="Vector" class="img-responsive center-block" class="hidden-xs" /&gt;
            &lt;/div&gt;        
    &lt;/div&gt;    
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;footer class="footer-basic-centered"&gt;
    &lt;p class="footer-company-motto"&gt;Expand Your Retro Playground.&lt;/p&gt;
          &lt;p class="footer-links"&gt;
          &lt;a href="Home.htm"&gt;Home&lt;/a&gt; · 
          &lt;a href="Stock.htm"&gt;Stock&lt;/a&gt; · 
          &lt;a href="AboutUs.htm"&gt;About Us&lt;/a&gt; · 
          &lt;a href="ContactUs.htm"&gt;Contact Us&lt;/a&gt;&lt;/p&gt;
          &lt;p class="footer-company-name"&gt;Retro Games Arcade &amp;copy; 2016&lt;/p&gt;
      &lt;/footer&gt;
   
    &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>