Bootstrap Responsive Tabs

Fork me on GitHub

Notes on design:

  1. Inspired by Safari-style browser tabs.
  2. Tabs shrink/grow based on specified min and max width.
  3. There is a 300ms delay after a resize, for performance reasons.
  4. If tabs don't fit across the container width, a dropdown appears to the right of tabs.
  5. For devices with screen width of < 768px, the tabs dropdown becomes an overlay.

How to Test: Resize your browser window to see how tabs scale / respond.