Cover by David Cochran

Safari, the world’s most comprehensive technology and business learning platform.

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required

O'Reilly logo

Using tabs for switching content (Should know)

We've been getting familiar with implementing Bootstrap's JavaScript behaviors. Let's keep it going by adding a tabbed content switcher, as follows:

Using tabs for switching content (Should know)

These are great for allowing users to switch briskly between items within one bounded content area. Let's add one of these to our Products page!

How to do it…

In the following steps, we'll first prepare our content and then wrap it in the appropriate tag structure to present it in a tabbed form. First let's add the content.

  1. Open products.html in your browser. Beneath the table, we're going to add a new row with a tabbed panel Options. To speed our progress, ...

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required