Bootstrap Advanced Sort Modal


	<div class="container">
    <div class="row">
        <div class="span12">
            <a href="#advanced" role="button" data-toggle="modal" class="btn btn-warning">Advanced Sort</a>
        </div>
    </div>
</div>
 
<!-- Advanced Modal -->
<div id="advanced" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="advancedSort" aria-hidden="true">
    <div class="modal-header">
    	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    	<ul class="nav nav-pills pull-right">
    	  <li class="active">
    	    <a href="#date" data-toggle="pill">Date</a>
    	  </li>
    	  <li><a href="#relevance" data-toggle="pill">Relevance</a></li>
    	  <li><a href="#dealership" data-toggle="pill">Dealership</a></li>
    	</ul>
    	<h4>Advanced Sort</h4>	
	</div>
	<div class="modal-body">
      <div class="row-fluid">
			<div class="tab-content">
				<div class="tab-pane active" id="date">
				  	<form>
                      <div class="controls controls-row">
		              	<select>
							<option>Date
							<option>Today
							<option>Yesterday
							<option>Last Week
							<option>Last Month
						</select>
                      </div>
  					<button type="submit" class="btn btn-warning">Sort</button>
				  	</form>
			  	</div>
			  	<div class="tab-pane" id="relevance">
	  			  	<form>
	  			  	  <fieldset>
	  		            <div class="controls controls-row">
	  		              	<select class="span6">
	  							<option value="">Relevance Factor
	  							<option value="">Containing
	  							<option value="">Starting with
	  							<option value="">Enging with
	  						</select>
	  						<select class="span6">
	  							<option value="">Sorting
	  							<option value="">Relevant on top
	  							<option value="">Relevant on bottom
	  						</select>
	  		            </div>
	  			  	    <button type="submit" class="btn btn-warning">Sort</button>
	  			  	  </fieldset>
	  			  	</form>
			  	</div>
			  	<div class="tab-pane" id="dealership">
			  		<form>
	  			  	  <fieldset>
	  		            <div class="controls controls-row">
	  		              	<input type="text" class="span8" placeholder="Location">
	  						<select class="span4">
	  							<option>City
	  							<option>Los Angeles
	  							<option>Tokyo
	  							<option>New York
	  							<option>London
	  						</select>
	  		            </div>
	  			  	    <button type="submit" class="btn btn-warning">Sort</button>
	  			  	  </fieldset>
	  			  	</form>
			  	</div>
	  		</div>				  
      </div>
	</div>
</div>
	<script type="text/javascript">
	
	</script>