1 、文字和输入框前后排列 ：
代码 ：
<Div> <VIV> <VIV> <VIV> <H2> 条件查找 </H2> </div> <div> <div> <div> <div> <div> <div for = "select"> 归属地 </div> <div> <asp: dropshdownList Id = "ddlsheng" dataTextfield = "name" dataValuefield = "id" runat = "server" autopostback = "verdadero" verdadero "verdadero" verdadero "verdad" verdad " OnSelectedIndexChanged = "ddlsheng_selectedIndexChanged" cssclass = "form-confontrol"> <asp: listem value = "0"> 全国 </asp: listitem> </asp: dropDownList> </div> <div> <asp: scriptmanager id = "scriptmanager1" runat = "server" Id = "updatePanel1" runat = "servidor" updateMode = "condicional"> <contentTemplate> <asp: dropDownList id = "ddlshi" dataTexfield = "name" dataValuefield = "id" runat = "server" autopostback = "true" cssclass = "form-confontrol"> </asp: showDownList <</contenttemplate <Asp: AsyncPostBackTrigger controlid = "ddlsheng" eventName = "selectedExChanged"/> </shriggers> </asp: updatePanel> </div> </div> </div> </div> <div> <div> <div> <div> <iv para = "seleccionar"> 余额 </div> <iv> <put type = "text" runat = "servidor" Id " name = "balance_start"/> </div> <div> <input type = "text" runat = "servidor" id = "balance_end" name = "balance_end"/> </div> </div> </div> </div> <bon Autopostback = "true" cssclass = "form-confontrol"> <asp: listem value = "-1"> 全部 </asp: listItem> <asp: listem value = "0"> 是 </asp: listem> <asp: listitem value = "1"> 否 </asp: listem> </asp: shotwardlist> </diviShuse </diviShon <biv> <Shen Divi </div> </div> </div> </div> <div> <div> <div> <div> <div for = "select"> 日期 </div> <div> <input type = "text" id = "txtfrom" runat = "server" placeholder = "选择开始日期" onfocus = "wdatepicker ({datefmt: 'yyyyy/mm/dd'}» »») "> </divin> </divin> <ShiShin </DRIVE> <SHIMT </DRIVE <DRIVE> <DRIVE> <MITHI <DRIVIR> <DRIVE> <MUNTO <DRIVIR> <DRIVE> <MUNTRO> <MUNTRIM. <input type = "text" id = "txtto" runat = "servidor" placeholder = "选择结束日期" onfocus = "wdatepicker ({datefmt: 'yyyy/mm/dd'})"> <%-, mental: '%y-%m-%d%h:%m:%s'-%> </iv> </div> </diviv> <Div Div-Dive <Div Div <div for = "select"> 代驾次数 </iv> <div> <input type = "text" runat = "servidor" id = "daijicount_start" name = "daijicount_start"/> </div> <div> <put type = "text" runat = "servidor" id = "daijicount_end" name = "daijicount_end"/> </diviven "Divi <Div> <div> <div> <div for = "select"> 生日月份 </div> <div> <asp: dropDownList id = "birthdaymonth" runat = "servidor" autopostback = "true" cssclass = "form-confontrol"> <asp: listitem value = "0"> 全部 </asp: listititem> <asp: listits valueem = "1" 1 月 ° 1 月) <Asp: listitem value = "2"> 2 月 </asp: listItem> <asp: listem value = "3"> 3 月 </asp: listItem> <asp: listitem value = "4"> 4 月 </asp: listItem> <asp: listitem value = "5"> 5月 </sp: listem> <asp: listitemem Value = "6"> 6 月 </asp: listItem> <asp: listitem value = "7"> 7月 </asp: listItem> <asp: listitem value = "8"> 8 月 </asp: listitem> <asp: listem value = "9"> 9月 </asp: listitem> <asp: listem valueem = "10" 10 月 <</ASP: <Asp: listitem value = "11"> 11月 </asp: listItem> <asp: listem value = "12"> 12月 </asp: listItem> </asp: dropdownList> </div> <div> </div> </biv> </div> </div> <div> <div> <div> <div> <div> <div> <div <divs> <div> <divs> <iv> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> up> <div> <div> <div> <div> <div> up> 跟踪状态 <div> <divsi <ASP: DropDownList id = "TrackingState" Runat = "Server" AutopostBack = "True" cssclass = "form-confontrol"> <asp: listem value = "-1"> 全部 </asp: listitem> <asp: listItem value = "0"> 有意向 </asp: listititem> <asp: listitem valueem = "1" 无意向 "无意向" 无意向 "</aSp: ASP: ASP: ASP: ASP: ASP: LISTEM> </asp: dropdownList> </div> <div> </div> </div> </div> </div> <div> <div> <div> <d div for = "select"> 再联系时间 </div> <div> <input type = "text" id = "nextContactDate" runat = "servidor" placeholder = "选择日期" onfocus = "wdatepicker ({datefmt: 'aaa yyyy-mm-dd hh: mm: ss'})"> </div> </div> </div> </div> <div> <div> <div> <div> <div for = "select"> 集团用户 </div> <div> <sp: desplazamiento id = "groupuser" runati Cssclass = "form-confontrol"> <asp: listitem value = "-1"> 全部 </asp: listItem> <asp: listem value = "0"> 个人用户 </asp: listitem> <asp: listitem value = "1"> 集团用户 </asp: listItem> </asp: shownlist> </div> <biv <biv> </diviv. </div> </div> <div> <div> <div> <iv> <div> <div for = "select"> 客户类型 </div> <div> <asp: dropDownList id = "customerStype" runat = "servidor" autopostback = "true" cssclass = "formal-control"> <asp: listem value = "0"> 全部 </asp: listem> <asp: Value = "1"> 预付用户 </asp: listItem> <asp: listitem value = "2"> 推荐用户 </asp: listItem> <asp: listItem value = "3"> 普通用户 </asp: listem> <asp: listem value = "4"> 定额合约后付费商户 </sp: listem> <asp: listem valueem = "5" 非定额后付费合约商户 <<s asp:>>>>> </sp: dropDownList> </div> <iv> </div> </div> </div> </div> <div> <div> <div> <d div for = "select"> 开票 </div> <div> <asp: dropDownList ID = "ddl_invoice" runat = "servidor" autopostback = "true" cssclass = "formcon Value = "-1"> 全部 </asp: listItem> <asp: listem value = "1"> 已开发票 </asp: listItem> <asp: listem value = "0"> 未开发票 </asp: listitem> </asp: shotdownList> </div> <div for = "select"> 标记 </div> runat = "servidor" cssclass = "form-confontrol"> <asp: listem value = "0"> 全部 </asp: listItem> <asp: listem value = "1"> 空号 </asp: listitem> <asp: listitem value = "2"> 通话中 </asp: listitem> <asp: listem value = "3"> 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接 拒接. <Asp: listitem value = "4"> 无人接听 </asp: listitem> <asp: listem value = "5"> 停机 </asp: listItem> <asp: listem value = "6"> 非本人 </asp: listItem> <asp: listem value = "7"> 不需要 </asp: listitem> <asp: listitemem Value = "8"> 酒店 </asp: listItem> <asp: listitem value = "9"> e 代驾 </asp: listItem> <asp: listitem value = "10"> 重复数据 </asp: listitem> <asp: listitem value = "11"> 其他 </sp: listem> </aSp: shilwdownlist> </div divive> </diviven <div> <div> <viv> <div> 关键字 </div> <div> <input type = "text" runat = "server" id = "palabra clave" name = "palabra clave"/> </div> <div> <asp: button id = "btnsearch" runat = "servidor" text = "筛 选" cssclass = "btn btn-success col-md-12" " OnClick = "btnsearch_click"/> </div> </div> </div> </div> </div> <!-查询 按钮-> </div> </div> </div> <!-/col-> </div> <!-/条件查找->>>2 ： ：
代码 ：
<div> <div> <viv> 司机姓名 </div> <asp: textbox id = "txt_drivername" runat = "servidor"> </asp: textbox> </div> <div> <div> 司机工号 </div> <asp: textbox id = "txt_ucode" runat = "servidor"> </asp: textbox> </div> <div> 归属地 </div -归属地 </div -dOWN Id = "ddlshengadd" runat = "servidor" cssclass = "form-confontrol" onSelectedIndexChanged = "ddlshengadd_SelectedIndexChangEd" Autopostback = "true"> <asp: listem value = "0"> 全省 </asp: listem> </asp: shownsist> </siv> <Siv> <Siv> <Siv> ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <label></label> <asp:DropDownList ID="ddlshiAdd" DataTextField="name" DataValueField="id" runat="server" Cssclass = "form-confontrol"> </asp: dropDownList> </tentTemplate> <triggers> <asp: asyncPostBackTrigger controlid = "ddlshengadd" eventName = "selectedExChanged"/> </triggers> </asp: updatePanel> </iviv> <piv>
以上内容是小编给大家介绍的 bootstrap3.0 建站教程 (一) 之 bootstrap 表单元素排版的相关知识 ， 希望对大家有所帮助！