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:

hand 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> 

http://dbtek.github.io/bootstrap-vertical-tabs/learn.html


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -