"SearchPage"
Bootstrap 3.1.0 Snippet by mannatsaini

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ----------> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="layout" content="main" /> <script> function findDetails(subaction){ alert("Action ::: "+subaction); } </script> <title>Search Page</title> </head> <body> <form class="form-search" name="SearchForm" role="form" method="post"> <div class="hero-unit"> <div class="table-responsive"> <table> <tr> <div class="text-center"><h3>Search</h3></div> </tr> </table> <br> <table> <tr> <td> <input type="text" name="searchtweet" class="form-control" placeholder="Search Tags/Tweets" align="left" /> </td> </tr> <tr> <td> <button class="btn btn-primary btn-sm" onClick="findDetails('searchtweet')" align="left" >Show Conversations</button> </td> <tr> <tr/> </table> <br> <hr/> <br> <table> <tr/> <tr> <td> <input type="text" name="searchuser" placeholder="Search Users" align="right" /> </td> </tr> <tr> <td> <a data-toggle="modal" href="#findUsers" class="btn btn-primary">Find Users</a> <div class="modal fade" id="findUsers" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <p>Click Analyze to proceed</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Discard</button> <button type="button" class="btn btn-primary" onClick="findDetails('analyze')">Analyze</button> </div> </div> </div> </div> </td> </tr> </table> </div> </div> </form> <g:render template="/layouts/logout" /> </body> </html>

Related: See More

Paper Bootstrap Wizard

Questions / Comments: