Twitter Bootstrap Tabs On Right Side

fetchit-21

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 {
	float:right;
	margin-left:10px;
	margin-right:0;
}

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.

Posted by at 6:33 pm on September 3rd, 2011. One comment... »
Categories: css, The Web, Twitter.

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.

    Posted by Dom on January 28th, 2012.

Post a comment.