<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-md-12 col-sm-12 col-xs-12 jumbotron"> <div class=" col-md-12 col-sm-12 col-xs-12" id="faq_Search"> <h3>Ask a question</h3> <div class="input-group"> <input type="text" id="faq_SearchBox" placeholder="Search..." class="search form-control" /> <div class="input-group-btn input-group-lg input-group-md"> <button type="button" class="btn btn-danger dropdown-toggle btn-responsive" data-toggle="dropdown" aria-expanded="false"> <span class="hidden-xs hidden-sm">Select Search Type <span class="caret"></span></span> <span class="hidden-md hidden-lg">Smalltext</span> </button> <ul class="dropdown-menu dropdown-menu-right" role="menu"> <li><a href="#">Search Graduate</a> </li> <li><a href="#">Search Undergraduate</a> </li> </ul> </div> </div> </div> </div>