how to give a border to bootstrap tab contents

Question

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

Answer 1

This was asked a long time ago but the trick here might help some people:

Put in a div.container your .nav-tabs and .tab-content. To that div.container, give a fixed height says 300px and border-bottom: 1px solid #ccc and overflow: hidden !important.

Then to the .tab-content, I add this css: height: 100%; border-left: 1px solid #ccc ; border-right: 1px solid #ccc;

And it works. Try it out ( http://jsfiddle.net/996Bw/ )