Create Responsive Tabs using Bootstrap (They should get stacked automatically on smaller screens)

Question

How can I create responsive tabs which get stacked automatically using bootstrap. The code for my navs is -

Answer 1

If you find that 480 doesn't do it (I have long tab titles), you can always change your max-width. I used:

@media (max-width: 991px) { 
 .nav-tabs > li {
    float:none;
 }
}

and it works like a charm.