Twitter Bootstrap Tabs On Right Side


Twitter’s bootstrap css currently doesn’t support tabs on the right hand side or floated right. We’ll here is the css to allow it.

We’ll stick to existing naming. Twitter use secondary-nav within topbar so let’s use that…

.tabs .secondary-nav {

The the html for the tab you want to float right you need:

<li class="secondary-nav"><a href="#">Link Text</a></li>

The outcome is most tabs on the left and any with the new class positioned over to the right.

One comment.

  1. Thanks. This was useful. I wanted a link on the right side that adds a tab, so this was a good start.