JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://geedmo.github.io/yamm/assets/css/yamm.css">
<link rel="stylesheet" href="http://geedmo.github.io/yamm/assets/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="http://geedmo.github.io/yamm/assets/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<body>
<div class="container">
<div class="navbar yamm">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target="#nav1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#"> Yamm Megamenu </a>
<div class="nav-collapse collapse" id="nav1">
<ul class="nav">
<!-- Classic list -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> List <b class="caret"></b> </a>
<ul class="dropdown-menu">
<li>
<!-- Content container to add padding -->
<div class="yamm-content">
<ul class="span2 unstyled">
<li><p><strong>Section Title</strong></p></li>
<li>
List Item
</li>
<li>
List Item
</li>
<li>
List Item
</li>
<li>
List Item
</li>
<li>
List Item
</li>
<li>
List Item
...