JSFiddle - React, Tailwind, and code Playground
by Plippie Plop
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<div class="nav-bar">
<ul class="nav">
<li class="dropdown">
<a class=" dropdown-toggle" data-toggle="dropdown" href="#">
Menu 01 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
</ul>
</li>
<li class="dropdown">
<a class=" dropdown-toggle" data-toggle="dropdown" href="#">
Menu 02 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
<li><a href="#">sub link</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<div class="container">
<div class="row">
<div class="span4">
<div class="widget widget-accordion">
<div class="widget-header">
<h3>
<i class="icon-tags"></i>
Tasks
</h3>
</div> <!-- /.widget-header -->
<div class="widget-content">
<div class="accordion" id="sample-accordion">
...
CSS
.nav-bar{
height:30px;
background:#ddd;
}
.nav li{
float:left;
padding:.4em;
}