Bootstrap3.0建站教程(一)之bootstrap表單元素排版

1：：

代碼：

 <div> <div> <div> <div> <div> <h2> </h2> </h2> </div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <Div> <div> <div for =“ select”>歸屬地</div> </div> </div> <div> <asp：difdownlist id =“ dddlsheng” dddlsheng dddlsheng“ datatextfield =” OnSelectedIndexChanged =“ ddlsheng_selectedIndexchanged” cssclass =“ form-control”> <asp：listItem value =“ 0”>全國</asp：listitem> </asp：listDownList> </asp> </asp> </asp> </div> </div> <div> <div> <div> <asp：scriptmanager ID = <asp：updatePanel ID =“ updatePanel1” unat =“ server” updateMode =“ conditional”> <contentTemplate> <asp：dropdownlist id =“ ddlshi” ddlshi“ datatextfield =” datavaluefield =“ datavaluefield =“ <Triggers> <asp:AsyncPostBackTrigger ControlID="ddlsheng" EventName="SelectedIndexChanged" /> </Triggers> </asp:UpdatePanel> </div> </div> </div> </div> <div> <div> <div> <div for="select">餘額</div> <div> <input type="text" runat="server" id="Balance_start" name="Balance_start" /> </div> <div> <input type="text" runat="server" id="Balance_end" name="Balance_end" /> </div> </div> </div> </div> <div> <div> <div> <div for="select">是否VIP</div> <div> <asp:DropDownList ID="select_IsVIP" runat="server" AutoPostBack="True" CssClass="form-control"> <asp:ListItem Value="-1">全部</asp:ListItem> <asp:ListItem Value="0">是</asp:ListItem> <asp:ListItem Value="1">否</asp:ListItem> </asp:DropDownList> </div> <div> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div> <div> <div> <div for =“ select”>日期</div> </div> <input type type =“ text” text“ text” id =“ txtfrom” runat =“ server” server'reptioner“ </div> <div> <input type =“ text” id =“ txtto” runat =“ server”佔位符=“選擇結束日期” focus =“ wdatepicker（{datefmt：'yyyy/mm/mm/dd'}） <div> <div> <div> <div> <div for =“ select”>代駕次數</div> <div> <input type =“ text” text'runat =“ server” id =“ daijicount_start” name =“ daijicount_start”/> </> </> </> </> </> <div> <div> <input type = type type =“ </div> </div> </div> <div> <div> <div> <div for="select">生日月份</div> <div> <asp:DropDownList ID="BirthdayMonth" runat="server" AutoPostBack="True" CssClass="form-control"> <asp:ListItem Value="0">全部</asp:ListItem> <asp:ListItem Value="1">1月</asp:ListItem> <asp:ListItem Value="2">2月</asp:ListItem> <asp:ListItem Value="3">3月</asp:ListItem> <asp:ListItem Value="4">4月</asp:ListItem> <asp:ListItem Value="5">5月</asp:ListItem> <asp：listItem value =“ 6”> 6月</asp：listItem> <asp：listItem value =“ 7”>7月</asp：listItem> <asp：listitem value =“ 8”> 8“> 8”> 8月</asp：listitem> <asp：listitem> <asp：listitem value = listitem value =“ 9”> 9> 9> 9> listem>：listem> listem>：listem>：listem>： Value="10">10月</asp:ListItem> <asp:ListItem Value="11">11月</asp:ListItem> <asp:ListItem Value="12">12月</asp:ListItem> </asp:DropDownList> </div> <div> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div for =“ select”>跟踪狀態</div> <div> <asp：下拉列表id =“ trackingstate” runat =“ server” autopostback =“ true” cssclass =“ form-control”> <asp：asp：listitem value =“  -  1”> </asp：listem> listem> listem> listem> listitem> listitem> listitem listem listem listem = listem = listem app：值=“ 1”>無意向</asp：listItem> </asp：dropdownlist> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div> <div for = =“ select”> </div> </div> </div> <</div> <div> onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"> </div> </div> </div> </div> <div> <div> <div> <div for="select">集團用戶</div> <div> <asp:DropDownList ID="GroupUser" runat="server" AutoPostBack="True" CssClass="form-control"> <asp:ListItem Value="-1">全部</asp:ListItem> <asp:ListItem Value="0">個人用戶</asp:ListItem> <asp:ListItem Value="1">集團用戶</asp:ListItem> </asp:DropDownList> </div> <div> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div for="select">客戶類型</div> <div> <asp:DropDownList ID="CustomersType" runat="server" AutoPostBack="True" CssClass="form-control"> <asp:ListItem Value="0">全部</asp:ListItem> <asp:ListItem Value="1">預付用戶</asp:ListItem> <asp:ListItem Value="2">推薦用戶</asp:ListItem> <asp:ListItem Value="3">普通用戶</asp:ListItem> <asp:ListItem Value="4">定額合約後付費商戶</asp:ListItem> <asp:ListItem Value="5">非定額後付費合約商戶</asp:ListItem> </asp：dropdownlist> </div> <div> </div> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div> <div> <div for =“ select”>開票</div> </div> </div> <asp：divdownlist id =“ ddl_invoice” ddl_invoice'ddl_invoice'值=“  -  1”>全部</asp：listItem> <asp：listItem value =“ 1”>已開發票</asp：listItem> <asp：listItem value =“ 0”> </asp：listitem> </asp> </asp：dropdownlist> </asark> </asark> </div> </div> </div> runat="server" CssClass="form-control" > <asp:ListItem Value="0">全部</asp:ListItem> <asp:ListItem Value="1">空號</asp:ListItem> <asp:ListItem Value="2">通話中</asp:ListItem> <asp:ListItem Value="3">拒接</asp:ListItem> <asp：listItem value =“ 4”>無人接聽</asp：listItem> <asp：listItem value =“ 5”>停機</asp：listItem> <asp：listItem value =“ 6”>非本人</asp：listitem> <asp：listitem> <asp：listitem valit Value="8">酒店</asp:ListItem> <asp:ListItem Value="9">E代駕</asp:ListItem> <asp:ListItem Value="10">重複數據</asp:ListItem> <asp:ListItem Value="11">其他</asp:ListItem> </asp:DropDownList> </div> </div> </div> </div> <div> <div> <div> <div> <div> </div> <div> <div> <input type =“ text” text'runat =“ server” id =“關鍵字”鍵=“關鍵字”/> </> </> </> </> <div> <asp <asp：button id =“ btnsearch” btnsearch“ OnClick =“ Btnsearch_Click”/> </div> </div> </div> </div> </div> </div> <！ - 查詢查詢-> </div> </div> </div> </div> </div> <！ - /col-> </col-> </div> <！

2：：

代碼：

 <div> <div> <div> </div> <asp：textbox id =“ txt_drivername” runat =“ server”> </asp：textbox> </div> </div> <div> <div> <div> </div> </div> <asp：textbox id =“ id =“ ddlshengadd” runat =“ server” cssclass =“ form-control” onSelectedIndexChanged =“ ddlshengadd_selectedIndexChanged” autopostback =“ autopostback =“ true”> <asp：listitem valit id =“ scriptManager1” runat =“ server”> </asp：scriptManager> <asp：updatePanel ID =“ updatePanel1” runat =“ server” updateMode =“ conditdatal”> <contenttemplate> <bainteTemplate> <labeL> <label> <ASP> <ASP <asp <asp： CSSCLASS =“ form-control”> </asp：dropdownlist> </contentTemplate> <triggers> <asp：asyncpostbacktrigger controlID =“ ddlshengadd” eventName =“ selectionIndexexchanged”/>

以上內容是小編給大家介紹的bootstrap3.0建站教程（一）之bootstrap表單元素排版的相關知識，希望對大家有所幫助！ ，希望對大家有所幫助！