title: How to remove border from bootstrap's dropdown menu?
body: <p>I copied and pasted a dropdown menu from bootstrap and started messing around with it. I first copied the one where the dropdown is a button, then I changed it to the one with anchor tags. When I changed it from button to anchor, these borders just appeared and I can't get them to go away. I tried just about everything.</p>
  
  <p><a href="https://i.stack.imgur.com/BHSRD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BHSRD.png" alt="sample"></a></p>
  
  <pre><code>&lt;div class="d-flex flex-column flex-md-row justify-content-center pb-3 px-md-4 mb-0 bg-white border-bottom box-shadow"&gt;
    &lt;div class="btn-group"&gt;
      &lt;div class="dropdown"&gt;
        &lt;a href="#" onclick="loadPage('Crabs')" class="btn btn-secondary dropdown-toggle ml-3 mr-3 navbartext" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
         Link
        &lt;/a&gt;
        &lt;div class="dropdown-menu" aria-labelledby="dropdownMenu2"&gt;
          &lt;a class="dropdown-item" href="#" onclick="gotoDetail('cr01')"&gt;Medium Soft Shell Crabs&lt;/a&gt;
          &lt;a class="dropdown-item" href="#" onclick="gotoDetail('cr02')"&gt;Hotel Soft Shell Crabs&lt;/a&gt;
          &lt;a class="dropdown-item" href="#" onclick="gotoDetail('cr03')"&gt;Prime Soft Shell Crabs&lt;/a&gt;
          &lt;a class="dropdown-item" href="#" onclick="gotoDetail('cr04')"&gt;Jumbo Soft Shell Crabs&lt;/a&gt;
          &lt;a class="dropdown-item" href="#" onclick="gotoDetail('cr05')"&gt;Whale Soft Shell Crabs&lt;/a&gt;
          &lt;a class="dropdown-item" href="#" onclick="gotoDetail('cr06')"&gt;Crab Meat&lt;/a&gt;
        &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  
  
  #dropdownMenu2 {
      background-color: #ffffff;
      color: #4d4d4d;
  }
  
  .dropdown-menu {
      text-transform: capitalize;
  }
  
  /* Removes caret from dropdown menu button */
  .dropdown-toggle::after{
      display: none;
  }
  
  .dropdown:hover .dropdown-menu{
      display: inherit;
    }
  </code></pre>