title: How to Make Card Header No Border Radius in Bootstrap 4?
body: <p>How can make the card-header have no border radius on bootstrap 4? I've implemented this one BUT the background color of the card-header overlaps the card-header therefore the card-header still have border-radius</p>
  
  <pre><code>.card-header {
      height: 50px;
      background-color: #000;
      border-bottom-color: #fff;
      border-top: none;
      border-radius: 0;
  }
  </code></pre>