JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">	<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>
	<a class="brand" href="#" name="top">Brand Name</a>

            <div class="nav-collapse collapse">
                <ul class="nav pull-right">
                    <li class="dropdown">	<a class="dropdown-toggle" href="#" data-toggle="dropdown">Share Link <strong class="caret"></strong></a>

                        <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
                            <form>
                                <fieldset class="search">
                                    <legend class="search">Search for share link</legend>
                                    <div class="col-md-5">
                                        <input type="text" class="form-control" id="encodeID" placeholder="Search by asset ID" requried/>
                                        <button class="btn btn-default searchID" type="button">Search</button>
                                    </div>
                                    <div class="col-md-7">
                                        <div class="share-link"></div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
        <!--/.container-fluid -->
    </div>
   ...

JavaScript

$(document).ready(function () {
    //Handles menu drop down
    $('.dropdown-menu').find('form').click(function (e) {
        e.stopPropagation();
    });
});