You are previewing Twitter Bootstrap Web Development How-To.

Twitter Bootstrap Web Development How-To

Cover of Twitter Bootstrap Web Development How-To by David Cochran Published by Packt Publishing
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, ...

The best content for your career. Discover unlimited learning on demand for around $1/day.