css - UI Bootstrap tabset show the content right to the tabs -
first of all: i'm totally new @ bootstrap. want use vertical tabset display content right tabs. sketch of idea:
<tabset vertical="true" type="tabs"> <tab heading="vertical 1">vertical content 1</tab> <tab heading="vertical 2">vertical content 2</tab> </tabset>
but unfortunately didn't make solve this css commands.
sexy picture :d
<div class="col-xs-3"> <!-- required floating --> <!-- nav tabs --> <ul class="nav nav-tabs tabs-left"><!-- 'tabs-right' right tabs --> <li class="active"><a href="#home" data-toggle="tab">home</a></li> <li><a href="#profile" data-toggle="tab">profile</a></li> <li><a href="#messages" data-toggle="tab">messages</a></li> <li><a href="#settings" data-toggle="tab">settings</a></li> </ul> </div> <div class="col-xs-9"> <!-- tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home">home tab.</div> <div class="tab-pane" id="profile">profile tab.</div> <div class="tab-pane" id="messages">messages tab.</div> <div class="tab-pane" id="settings">settings tab.</div> </div> </div>
Comments
Post a Comment