JSFiddle - React, Tailwind, and code Playground
by CHAITANYA K
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container" id="main">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="panel panel-default">
<div class="panel-heading"><h4>Slider</h4></div>
<div class="panel-body">
<!------------------slider----------------->
<div class="carousel slide" id="carousel-199165">
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#carousel-199165">
</li>
<li data-slide-to="1" data-target="#carousel-199165">
</li>
<li data-slide-to="2" data-target="#carousel-199165">
</li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img alt="" src="http://lorempixel.com/1600/500/sports/1" />
</div>
<div class="item">
<img alt="" src="http://lorempixel.com/1600/500/sports/2" />
</div>
<div class="item">
<img alt="" src="http://lorempixel.com/1600/500/sports/3" />
</div>
</div>
<a class="left carousel-control" href="#carousel-199165" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#carousel-199165" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!------------------slider-end---------------->
</div>
</div>
</div>
<!------------------------form-------------------------------------->
<div class="col-md-6 col-sm-6">
<div class="well">
<form class="form">
<h4>Quick Search</h4>
<div class="col-md-12">
<p>Your Price Slider</p>
</div>
<div class="row">
<div class="form-group col-md-6">
<select class="form-control">
...