title: How to remove white space between rows when using bootstrap?
body: <p>I'm creating a product page using bootstrap and was just wondering how to remove the white space between two rows? I've highlighted the space that is causing problems, the page itself isn't finished but I foresee this being an issue I'll run into again and want to deal with it the now and be able to get better practice when I encounter it later. </p>
  
  <p><a href="https://i.stack.imgur.com/PofE6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PofE6.png" alt="Page Capture"></a></p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="row justify-content-center" id="header" style="margin-bottom: 0px"&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;img src="fakelogo.png" alt="Placeholder logo for Golden Shoe" width="100%" height="40%"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-6"&gt;
                  &lt;nav class="nav justify-content-center"&gt;
                      &lt;a class="nav-link" href="#"&gt;Home&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Products&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;My Account&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;About&lt;/a&gt;
                      &lt;a class="nav-link" href="#"&gt;Contact&lt;/a&gt;
                  &lt;/nav&gt;          
              &lt;/div&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;img src="shoppingcart.png" alt="Shopping cart icon" width="10%" height="10%"&gt;
                  &lt;p&gt;Your Shopping Cart&lt;/p&gt;
                  &lt;p&gt;Shoes : 0  Cost: 0 &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-3"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;p&gt;Search By&lt;/p&gt;
                          &lt;form action=""&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;label for="keywords"&gt;Keywords: &lt;/label&gt;
                                  &lt;input type="text" class="form-control" id="keywords"&gt;
                              &lt;/div&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;label for="category"&gt;Categorys&lt;/label&gt;
                                  &lt;select class="form-control" id="category"&gt;
                                      &lt;option&gt; -- Select Category --&lt;/option&gt;
                                      &lt;option&gt;Men's Sports&lt;/option&gt;
                                      &lt;option&gt;Men's Evening Wear&lt;/option&gt;
                                      &lt;option&gt;Mens's Casual&lt;/option&gt;
                                      &lt;option&gt;Men's Slippers&lt;/option&gt;
                                      &lt;option&gt;Men's Sandles&lt;/option&gt;
                                      &lt;option&gt;Woman's Sports&lt;/option&gt;
                                      &lt;option&gt;Woman's Evening Wear&lt;/option&gt;
                                      &lt;option&gt;Woman's Casual&lt;/option&gt;
                                      &lt;option&gt;Woman's Slippers&lt;/option&gt;
                                      &lt;option&gt;Woman's Sandles&lt;/option&gt;
                                      &lt;option&gt;Woman's Highheels&lt;/option&gt;
                                      &lt;option&gt;Womans's Pumps&lt;/option&gt;
                                      &lt;option&gt;All&lt;/option&gt;
                                  &lt;/select&gt;
                              &lt;/div&gt;
                              &lt;button type="submit" class="btn btn-primary"&gt;Search&lt;/button&gt;
                          &lt;/form&gt;                         
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;p&gt;Categories&lt;/p&gt;
                          &lt;ul&gt;
                              &lt;li&gt;Men's Sports&lt;/li&gt;
                              &lt;li&gt;Men's Evening Wear&lt;/li&gt;
                              &lt;li&gt;Men's Casual&lt;/li&gt;
                              &lt;li&gt;Men's Slippers&lt;/li&gt;
                              &lt;li&gt;Men's Sandles&lt;/li&gt;
                              &lt;li&gt;Woman's Sports&lt;/li&gt;
                              &lt;li&gt;Woman's Evening Wear&lt;/li&gt;
                              &lt;li&gt;Woman's Casual&lt;/li&gt;
                              &lt;li&gt;Woman's Slippers&lt;/li&gt;
                              &lt;li&gt;Woman's Sandles&lt;/li&gt;
                              &lt;li&gt;Woman's Highheels&lt;/li&gt;
                              &lt;li&gt;Woman's Pumps&lt;/li&gt;
                              &lt;li&gt;All&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-md-9"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-sm-6"&gt;
                          &lt;img id="displayImage" src="DisplayShoe/1.png" alt="Primary shoe display image" style="width: 100%;height: 80%;"&gt;
                      &lt;/div&gt;
  </code></pre>