1 、文字和输入框前后排列 ：
： ：
<viv> <viv> <viv> <viv> <h2> 条件查找 </h2> </viv> <viv> <viv> <viv> <viv> <viv> <div for = "select"> 归属地 </div> <div> <asp: dropdownlist id = "ddlsheng" datatextfield = name "datavaluefield =" id "runerat = onSelectedIndExChanged = "ddlsheng_selectedIndExchanged" cssclass = "form-control"> <asp: listItem value = "0"> 全国 </asp: listItem> </asp: servermanlist> </div> <div> <sp: scriptmanager id = "scriptmanager> <asp: updatePanel id = "updatePanel1" runat = "server" updateMode = "شرطي"> <ContentTemplate> <asp: dropdownlist id = "ddlshi" datatextfield = "name" datavaluefield = "id" runat = "server" autopostback = true "cssclass = <Triggers> <asp: asyncpostbacktrigger controlid = "ddlsheng" eventName = "SelectionIndexChanged"/> </regrigers> </asp: updatepanel> </viv> </viv> </fire> </viv> </viv> <viv> <viv> <div> <div> div for = "select"> id = "balance_start" name = "balance_start"/> </viv> <viv> <input type = "text" runat = "server" id = "balance_end" name = "balance_end"/> </viv> </viv> </vind> div> <div> <div> <div> div for = "是否 vip> runat = "server" AutoDostback = "true" cssclass = "form-control"> <asp: listItem value = "-1"> 全部 </asp: listItem> <asp: listItem value = "0"> 是 </sp: listItem> <asp: listItem value = "1" </viv> </viv> </viv> </viv> </viv> <viv> <viv> <viv> <viv> <div for = "select"> 日期 </viv> <viv> <input type = "text" id = "txtfrom" runat = "server" placeholder = "选择开始日期" </viv> <viv> <type type = "text" id = "txtto" runat = "server" placeholder = "选择结束日期" onfocus = "wdatepicker ({datefmt: 'yyyy/mm/dd'}) <viv> <viv> <viv> <div for = "select"> 代驾次数 </viv> <viv> <input type = "text" runat = "server" id = "daijicount_start" name = "daijicount_start"/> </vijic> <div> </viv> </viv> <viv> <viv> <viv> <div for = "select"> 生日月份 </viv> <viv> <asp: dropdownlist id = "birthdaymonth" runat = "server" AutoDostBack = "true" cssclass = "form-control"> <Sp: listItem value = "0" value = "1"> 1月 </asp: listItem> <asp: listItem value = "2"> 2 月 </SP: listItem> <asp: listItem value = "3"> 3 月 </sp: listItem> <asp: listItem value = "4"> 4 月 </asp: riperiTem> asp: asp: <asp: listItem value = "6"> 6 月 </asp: listItem> <asp: listItem value = "7"> 7月 </asp: listItem> <asp: listItem value = "8"> 8 月 </sp: listItem> <asp: listItem value = "9"> 9月 </asp: value = "10"> 10月 </ASP: listItem> <asp: listItem value = "11"> 11月 </ASP: ListItem> <asp: listItem value = "12"> 12月 </sp: listItem> </sp: dropdownlist> </viv> </div> </div> لـ = "SELECT"> 跟踪状态 </div> <viv> <asp: dropdownlist id = "trackingState" runat = "server" AutoDostback = "true" value = "1"> 无意向 </asp: listItem> </asp: dropdownlist> </viv> <viv> </viv> </viv> </viv> </viv> <viv> <viv> <viv> <div for = "select"> 再联系时间 </viv> <div> <sup onfocus = "wdatepicker ({datefmt: 'yyyy-mm-dd hh: mm: ss'})"> </div> </viv> </viv> </viv> <viv> <viv> <viv> <viv> <div for = "select"> 集团用户 </div> <sp> <spdownlist id = cssclass = "form-control"> <asp: listItem value = "-1"> 全部 </asp: listItem> <asp: listItem value = "0"> 个人用户 </sp: listItem> <asp: listItem value = "1"> 集团用户 </sp: listiTem> </asp: </viv> </viv> <viv> <viv> <viv> <viv> <div for = "select"> 客户类型 </viv> <div> <asp: dropdownlist id = "clientstype" runat = "server" atoDostBack = "true" cssclass = "form-control"> <SP: listItem value = "0" value = "1"> 预付用户 </asp: listItem> <asp: listItem value = "2"> 推荐用户 </asp: listItem> <asp: listItem value = "3"> 普通用户 </sp: listItem> <asp: listItem value = "4"> 定额合约后付费商户 </ASP: listItem> <SP: </asp: dropdownlist> </viv> <viv> </viv> </viv> </viv> </viv> <viv> <viv> <viv> <div for = "select"> 开票 </viv> <viv> <asp: dropdownlist id = "ddl_invoice" runat = "autoDostback =" true "cssclass =" value = "-1"> 全部 </asp: listItem> <asp: listItem value = "1"> 已开发票 </asp: listItem> <asp: listItem value = "0"> 未开发票 </asp: listItem> </spdownlist> </sdddownlist> </div for = "select"> 标记 </dived> runat = "server" cssclass = "form-control"> <asp: listItem value = "0"> 全部 </asp: listItem> <asp: listItem value = "1"> 空号 </sp: listItem> <asp: listitem value = "2"> 通话中 </asp: listiTem> asp: <asp: listItem value = "4"> 无人接听 </asp: listItem> <asp: listItem value = "5"> 停机 </asp: listItem> <asp: listItem value = "6"> 非本人 <////asp: listItem> <asp: listItem value = "7" 不需要 不需要 asp: listiTeM> <asp: listiTem value = "8"> 酒店 </asp: listItem> <asp: listItem value = "9"> e 代驾 </SP: listItem> <asp: listItem value = "10"> 重复数据 </asp: listItem> <asp: listitem value = "11" <viv> <viv> <viv> 关键字 </viv> <viv> <input type = "text" runat = "server" id = "keyword" name = "keyword"/> </viv> <viv> <asp: button id = "btnsearch" runat = "server" text = "筛 筛" onClick = "btnsearch_click"/> </viv> </viv> </viv> </viv> </viv> <!-查询 按钮-> </viv> </viv> </viv> <!-/col-> </div> <!-/条件查找->2 、文字和输入框上下排列 ：
： ：
<div> <viv> <viv> 司机姓名 </viv> <asp: textbox id = "txt_drivername" runat = "server"> </SP: textbox> </viv> <viv> <viv> 司机工号 </viv> <asp: textbox id = "txt_ucode" runat = "server" </asp: textbox> </div> id = "ddlshengadd" runat = "server" cssclass = "form-control" onselectedIndEndExchanged = "ddlshengadd_selectedIndExchanged" AutoDoStback = "True"> <asp: listItem value = "0"> 全省 </app: ariletem> asp: asp: id = "scriptManager1" runat = "server"> </asp: scriptManager> <asp: updatePanel id = "updatePanel1" runat = "server" updateMode = "شرطية"> <contentTemplate> <bablate> </label> <asp: dropdownlist id = "ddlshiadd cssclass = "form-control"> </asp: dropdownlist> </tectionTemplate> <triggers> <asp: asyncpostbacktrigger controlid = "ddlshengadd" eventName = "selectIndexChanged"/> </trgrers> </asp: updatepanel> </viv>
以上内容是小编给大家介绍的 bootstrap3.0 建站教程 (一) 之 bootstrap 表单元素排版的相关知识 ， 希望对大家有所帮助！