JSFiddle - React, Tailwind, and code Playground
by panchroma
HTML
<html lang="en">
<head>
<title></title>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
});
</script>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span10">
<div class="navbar">
<div class="navbar-inner">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</a>
</div>
<div class="nav-collapse collapse">
<ul class="nav nav-tabs">
<li><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Help<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Keep</a></li>
<li><a href="#">Screaming</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="span2">
span 2
</div>
</div>
<div class="row-fluid">
<div class="span10">
other content
</div>
<div class="span2">span 2</div>
</div>
...
CSS
@media (max-width: 979px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}