I have seen some dropdown examples but i want to use this template dropdown to display AutoComplete when textbox is searched
here is the markups
<!-- Notifications: style can be found in dropdown.less -->
<li class="dropdown messages-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-comment"></i><span class="label label-danger">1</span> </a>
<ul class="dropdown-menu">
<li class="header">You have 1 message</li>
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu">
<li>
<!-- start message -->
<a href="#" data-toggle="modal" data-target="#myModal19">
<div class="pull-left">
<img src="../Script/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div>
<h4>Support Team <small><i class="fa fa-clock-o"></i>5 mins</small> </h4>
<p>
Why not buy a new awesome theme?
</p>
</a>
</li>
<!-- end message -->
<li><a href="#">
<div class="pull-left">
<img src="../Script/dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div>
<h4>AdminLTE Design Team <small><i class="fa fa-clock-o"></i>2 hours</small> </h4>
<p>
Why not buy a new awesome theme?
</p>
</a></li>
<li><a href="#">
<div class="pull-left">
<img src="../Script/dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div>
<h4>Developers <small><i class="fa fa-clock-o"></i>Today</small> </h4>
<p>
Why not buy a new awesome theme?
</p>
</a></li>
<li><a href="#">
<div class="pull-left">
<img src="../Script/dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
</div>
<h4>Sales Department <small><i class="fa fa-clock-o"></i>Yesterday</small> </h4>
<p>
Why not buy a new awesome theme?
</p>
</a></li>
<li><a href="#">
<div class="pull-left">
<img src="../Script/dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
</div>
<h4>Reviewers <small><i class="fa fa-clock-o"></i>2 days</small> </h4>
<p>
Why not buy a new awesome theme?
</p>
</a></li>
</ul>
</li>
<li class="footer"><a href="#">See All Messages</a></li>
</ul>
</li>