JSFiddle - React, Tailwind, and code Playground
by harshmadhani
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://cdn.strategiqcommerce.com/ajax/libs/bootstrap-datepicker/1.0.0/css/datepicker.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js"></script>
<body>
<br/><br/>
<ul class="nav nav-pills" id="myTab">
<li class="active"><a href="#home" data-toggle="pill">Home</a></li>
<li><a href="#profile" data-toggle="pill">Profile</a></li>
<li><a href="#messages" data-toggle="pill">Messages</a></li>
<li><a href="#settings" data-toggle="pill">Settings</a></li>
<li class="dropdown">
<a href="#dropdown" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#dropdown1" data-toggle="pill">Option 1</a></li>
<li><a href="#dropdown2" data-toggle="pill">Option 2</a></li>
</ul>
</li>
<!--<li class="pull-right"><input type="text" class="search-query" placeholder="Search"></li>-->
<li class="pull-right">
<div class="input-append">
<input class="span2" id="appendedDropdownButton" type="text">
<div class="btn-group">
<button class="btn" type="button">Search</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#dropdown1"...