css - How to show content under a left-sided bootstrap tab -
i'm using bootstrap show left-sided tabs, , nice if show content under tabs.
my html looks this:
<div class="tabbable tabs-left"> <ul class="nav nav-tabs"> <li class="active"><a href="#">tab 1</a></li> <li><a href="#">tab 2</a></li> <li><a href="#">tab 3</a></li> <li><a href="#">tab 4</a></li> </ul> <div class="tab-content"> tab content </div> </div>
screenshot:
you add li
bottom of nav-tabs ul
:
<ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">tab 1</a></li> <li><a href="#tab2" data-toggle="tab">tab 2</a></li> <li><a href="#tab3" data-toggle="tab">tab 3</a></li> <li><a href="#tab4" data-toggle="tab">tab 4</a></li> <li class="special">some here. show here.</li> </ul>
if want customize of content under tabs use 'special' css class you'll see in demo.
Comments
Post a Comment