1 、文字和输入框前后排列:
代码
<div> <div> <div> <div> <h2> 条件查找 </h2> </div> <div> <div> <div> <div> <div> <div para = "select"> 归属地 </div> <div> <asp: suspenso "ids =" ddlsheng "datatextfield = "ketback", datvaluefield = "id =" runnat = "ddlsheng" datatextfield = ",", ", por datvaluefedfield =" ids = "ddlsheng" datatextfield = ",", ",", datvaluefedfield = "ids =" ddlsheng "datatextfield =", ". OnSelectedIndexChanged = "ddlsheng_selectedIndexchanged" cSSCLASS = "form-control"> <asp: listItem value = "0"> 全国 </asp: listitem> </asp: DropDownList> </div> <sd> <asp: scriptManager id = "scriptman1" <asp: updatePanel id = "updatePanel1" runat = "server" updatemode = "condicional"> <ContentTemplate> <asp: suspenso iDDList id = "ddlshi" datatextfield = "name" datavaluefield = "id" runat = "server" AutoPostback = "true" cssclSl = "form-" runat = "server" "AutoPostback =" True "CSSCLAs <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 para = "select"> 是否 Vip </// runat = "Server" AutoPostback = "true" cSSClass = "form-Control"> <asp: listItem value = "-1"> 全部 </asp: listItem> <asp: listitem value = "0"> 是 </asp: listItem> <asp: listiTem/"1"> 否 </asp: </div> </div> </div> </div> </div> <div> <div> <div> <div> <div for = "select"> 日期 </div> <div> <input type = "text" id = "txtfrom" runat = "server" someholder = "选择开始日期" em "e" m -focus/datefmt ({datefmt "" e "dATEMY> datefmy" e "datefmy". <div> <input type = "text" id = "txtTo" runat = "server" placeholder = "选择结束日期" onfocus = "wdatepicker ({datefmt: 'yyyy/mm/dd'})"> <%-, mente: 'y-%m-d%h: <%> <div> <div for = "select"> 代驾次数 </div> <div> <input type = "text" runat = "server" id = "daijicount_start" name = "daijicount_start"/> </div> <div> <input type = "text" runat = "servidor" "/"////<<div> <nic> <but type = "text" = "server" = "daijicount_end" Names> </div> <div> <div> <div> <div for = "select"> 生日月份 </div> <div> <asp: suspenso Id = "aniversárioMonth" runat = "Server" AutoPostback = "True" CSSClass = "Form-CONTROL"> <ASP: ListItem: "0"> 全部 </asp: listem> <sistem> <sistiT), como listiTem: " Value = "1"> 1月 </asp: listItem> <asp: listItem value = "2"> 2 月 </asp: listItem> <asp: listItem value = "3"> 3 月 </asp: listItem> <asp: listitem = "4"> 4 月 </asp: listitem> <asp: listItem value = "6"> 6 月 </asp: listItem> <asp: listItem value = "7"> 7月 </asp: listItem> <asp: listItem value = "8"> 8 月 </asp: listitem> <asp: listItem = "9"> 9月 </sp: 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 Para = "Selecione"> 跟踪状态 </div> <div> <asp: suspenso list id = "rastrearstate" runat = "server" autopostback = "true" cSSCLASS = "Form-CONTROL"> <SP: listItem Value = "-1"> 全部 </asp: listEm> <sp: listItem = "0"-1 "> 全部 </asp: listEm> <sp: listitem =" Value = "1"> 无意向 </asp: listItem> </asp: suspensowlist> </div> <div> </div> </div> </div> </div> <div> <div> <div> <div para = "select"> 再联系时间 </divi- <div> typ "type =" iD = "" a seguir "" "a seguir" "" onfocus = "wdatepicker ({datefmt: 'yyyy-mm-dd hh: mm: ss'})"> </div> </div> </div> </div> <div> <div> <div> <div para = "select"> 集团用户 </div> <div> <s>: DropDownList IDS = "GRUPO" CSSCLASS = "Form-CONTROL"> <ASP: listItem value = "-1"> 全部 </asp: listItem> <asp: listItem value = "0"> 个人用户 </asp: listitem> </asp: listitem value = "1"> 集团用户 </asp: listitem> </asp: DropDownList: DropTem> </div> </div> <div> <div> <div> <div> <div for = "select"> 客户类型 </div> <div> <asp: suspensoDDownList id = "Customertype" runat = "server" AutoPostback = "True" CSSCLASS = "Form-Control"> <a asp: listiTem = "0"> ">"> ">"> ">"> Value = "1"> 预付用户 </asp: listItem> <ASP: listItem value = "2"> 推荐用户 </asp: listItem> <asp: listItem value = "3"> 普通用户 </asp: listitem> <asp: listitem value = "4"> 定额合约后付费商户 </a asp: listitem> <asp: listetem: listItem = "4"> 定额合约后付费商户 </a asp: listitem> <asp: listetem: listitem = "4"> 定额合约后付费商户/ </asp:DropDownList> </div> <div> </div> </div> </div> </div> <div> <div> <div> <div for="select" >开票</div> <div > <asp:DropDownList ID="ddl_Invoice" runat="server" AutoPostBack="True" CssClass="form-control"> <asp:ListItem Value = "-1"> 全部 </asp: listItem> <asp: listItem value = "1"> 已开发票 </asp: listItem> <asp: listItem value = "0"> 未开发票 </asp: listitem> </asp: suspenso runat = "server" cSSClass = "form-control"> <asp: listItem value = "0"> 全部 </asp: listItem> <asp: listItem value = "1"> 空号 </asp: listitem> <asp: listItem = "2"> 通话中 </asp: listitem> <asp: listItem value = "4"> 无人接听 </asp: listItem> <asp: listItem value = "5"> 停机 </asp: listItem> <asp: listItem value = "6"> 非本人 </asp: listitem> <asp: listiTem = "7"> 不需要 </asp: Value = "8"> 酒店 </asp: listItem> <asp: listItem value = "9"> e 代驾 </asp: listItem> <asp: listItem value = "10"> 重复数据 </asp: listitem> <sp: listitem value = "11"> 其他 </asp: listitem> </asp: <div> <div> <div> <div> 关键字 </div> <div> <input type = "text" runat = "server" id = "palavra-chave" name = "palavra-chave"/> </div> <div> <asp: botão id = "btnsearch" runat = "servidor" text = "筛" c-1 md = "btnearch" bt bt = "server" text = "筛" c-1-mssclass = "btnearch" bt = "servidor" = "筛" 选 "c-1" btnearch "bt" sring "shess =" 筛 筛 "mdssclass =" btnearch "bt =" server "" OnClick = "Btnsearch_click"/> </div> </div> </div> </div> </div> <!-查询 按钮-> </div> </div> </div> <!-/col-> </div> <!-/条件查找->2 、文字和输入框上下排列:
代码
<div> <div> <div> 司机姓名 </div> <asp: textbox id = "txt_drivername" runat = "server"> </asp: textbox> </div> <div> <div> 司机工号 </div> <sp: textbox id = "txt_ucode" runat = "servidor> <//asp: textBox> Id = "ddlshengadd" runat = "server" cSSClass = "form-control" onSelectedIndexChanged = "ddlshengadd_selectedindexchanged" AutoPostback = "true"> <asp: listitem value = "0"> 全省 </asp: listitem> </aspuned: Id = "scriptManager1" runat = "server"> </asp: scriptManager> <asp: updatePanel id = "updatePanel1" runat = "server" updatemode = "condicional"> <contentTemplate> <beltfield> </label> <asp: shopDownList ID = "ddlshiaDd) CSSCLASS = "Form-CONTROL"> </ASP: DropDownList> </contentTemplate> <diggers> <asp: asyncpostbacktrigger controlid = "ddlshengadd" eventname = "SelectedIndexChanged"/> </Triggers> </asp: updatePanel>
以上内容是小编给大家介绍的 bootstrap3.0 建站教程 (一) 之 bootstrap 表单元素排版的相关知识 ， 希望对大家有所帮助！