title: how to give a border to bootstrap tab contents
body: <p>I'm using bootstrap tabs and it works perfectly.
  I'm trying to figure out if there is a way to use bootstrap to give a border to the contents of the tabs that is connected to the border of the pill so it will look like one box. 
  I tried doing this with my own css, but there is a cap between the tab pill border and tab content border that is a margin the tab pill needs to have and can't be removed.
  I want it to look like the below image.
  <img src="https://i.stack.imgur.com/YQnHp.png" alt="tab content with border"></p>