how to use jquery plugin silviomoreto? -
i trying plugin http://silviomoreto.github.com/bootstrap-select/
it transforms select bootstrap dropdown button. keeps select keep form consistency, can submit selected value. however, no transformation occurs.
<%@ master language="c#" autoeventwireup="true" codebehind="site1.master.cs" inherits="final_year_project_allocation_system.site1" %> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <!-- bootstrap --> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> <!-- styling select --> <link href="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.css" rel="stylesheet" type="text/css" /> <script src="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.js" type="text/javascript"></script> <link href="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.min.css" rel="stylesheet" type="text/css" /> <script src="silviomoreto-bootstrap-select-d4ec9bd/bootstrap-select.min.js" type="text/javascript"></script> <title>:: project allocation system</title> <asp:contentplaceholder id="head" runat="server"> </asp:contentplaceholder> </head> <body> <div class="container-fluid"> <form id="form1" runat="server" class="form-horizontal"> <div class="span12"><br /><br /><br /></div> <div class="row-fluid"> <div class=" span3"> <!--sidebar content--> <asp:contentplaceholder id="sidebarcontent" runat="server"> </asp:contentplaceholder> </div> <div class="span9"> <!--body content--> <asp:contentplaceholder id="bodycontent" runat="server"> **<select class="selectpicker"> <optgroup label="picnic"> <option>mustard</option> <option>ketchup</option> <option>relish</option> </optgroup> <optgroup label="camping"> <option>tent</option> <option>flashlight</option> <option>toilet paper</option> </optgroup> </select>** </asp:contentplaceholder> </div> </div> </form> </div> </body> </html>
Comments
Post a Comment