1 、文字和输入框前后排列：
代码：
<div> <div> <div> <div> <h2> 条件查找 </h2> </div> <div> <div> <div> <div> <div> <div for = "select"> 归属地 </div> <div> <asp: dropdownlist id = "ddlsheng" datatextfield = onSelectedIndExChanged = "ddlsheng_selectedIndExChanged" cssclass = "form-control"> <asp: listitem value = "0"> 全国 </asp: listitem> </asp: dropdownlist> </div> <div> id = "updatePanel1" runat = "เซิร์ฟเวอร์" updateMode = "เงื่อนไข"> <contentTemplate> <asp: dropdownList id = "ddlshi" datatextfield = "name" datavalueField = "id" runat = "เซิร์ฟเวอร์" <asp: asyncPostBackTrigger controlid = "ddlSheng" eventName = "selectedIndExChanged"/> </triggers> </asp: updatePanel> </div> </div> </div> </div> <div> <div> <div> name = "balance_start"/> </div> <div> <input type = "text" runat = "เซิร์ฟเวอร์" id = "ยอดคงเหลือ" ชื่อ = "ยอดคงเหลือ _end"/> </div> </div> </div> </div> <div> <div> <div> autopostback = "true" cssclass = "form-control"> <asp: listitem value = "-1"> 全部 </asp: listitem> <asp: listitem value = "0"> 是 </asp: listitem> <asp: listiTem </div> </div> </div> </div> <div> <div> <div> <div> <div for = "select"> 日期 </div> <div> <อินพุต type = "text" id = "txtFrom" runat = "server" place/"选择开始日期" <อินพุต type = "text" id = "txtto" runat = "เซิร์ฟเวอร์" placeholder = "选择结束日期" onfocus = "wdatepicker ({datefmt: 'yyyy/mm/dd'})"> <%-, Mindate: '%y-%m-%d%h:%m:%s' <div for = "select"> 代驾次数 </div> <div> <input type = "text" runat = "เซิร์ฟเวอร์" id = "daijicount_start" name = "daijicount_start"/> </div> <div> <div> <div> <div> <div for = "select"> 生日月份 </div> <div> <asp: dropdownlist id = "วันเกิดเดือน" runat = "เซิร์ฟเวอร์" autopostback = "true" cssclass = "form-control"> <asp: listiTem = "0"> 全部<asp: listitem value = "2"> 2 月 </asp: listitem> <asp: listitem value = "3"> 3 月 </asp: listitem> <asp: listitem value = "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 value = "9"> 9月<asp: listitem value = "11"> 11月 </asp: listitem> <asp: listitem value = "12"> 12月 </asp: listitem> </asp: dropdownlist> </div> <div> </div> </div> </div> <asp: dropdownList id = "trackingState" runat = "เซิร์ฟเวอร์" autopostback = "true" cssclass = "form-control"> <asp: listitem value = "-1"> 全部 </asp: listiTem> </asp: dropdownlist> </div> <div> </div> </div> </div> </div> <div> <div> <div> <div for = "select"> 再联系时间 </div> <div> <อินพุต type = "text" id = "nextContActDate" onfocus = "wdatepicker ({datefmt: 'yyyy-mm-dd hh: mm: ss'})"> </div> </div> </div> </div> <div> <div> <div> <div for "select"> 集团用户 </div> cssclass = "form-control"> <asp: listitem value = "-1"> 全部 </asp: listitem> <asp: listitem value = "0"> 个人用户 </asp: listitem> <asp: listitem value = "1"> 集团用户</div> </div> <div> <div> <div> <div> <div for = "select"> 客户类型 </div> <div> <asp: dropdownlist id = "comverystementType" runat = "เซิร์ฟเวอร์" autopostback = "true" cssclass = "form-control"> value = "1"> 预付用户 </asp: listItem> <asp: listItem value = "2"> 推荐用户 </asp: listItem> <asp: listItem value = "3"> 普通用户 </asp: listItem> <asp: listitem value = "4"> </asp: dropdownlist> </div> <div> </div> </div> </div> </div> <div> <div> <div> <div for = "select"> 开票 </div> <div> <asp: dropdownlist id = "ddl_invoice" runat = "เซิร์ฟเวอร์" value = "-1"> 全部 </asp: listitem> <asp: listitem value = "1"> 已开发票 </asp: listitem> <asp: listitem value = "0"> 未开发票 </asp: listitem> </asp: dropdownlist> runat = "เซิร์ฟเวอร์" cssclass = "form-control"> <asp: listitem value = "0"> 全部 </asp: listitem> <asp: listitem value = "1"> 空号 </asp: listiTem> <asp: listiTem: listiTem <asp: listItem value = "4"> 无人接听 </asp: listItem> <asp: listItem value = "5"> 停机 </asp: listItem> <asp: listItem value = "6"> 非本人 </asp: listitem> <asp: listitem value = "8"> 酒店 </asp: listitem> <asp: listitem value = "9"> e 代驾 </asp: listitem> <asp: listitem value = "10"> 重复数据 </asp: listitem> <asp: listitem value = "11"> 其他<div> <div> <div> <div> 关键字 </div> <div> <อินพุต type = "text" runat = "เซิร์ฟเวอร์" id = "คำหลัก" name = "คำหลัก"/> </div> <div> <asp: ปุ่ม id = "btnsearch" runat = "เซิร์ฟเวอร์" onclick = "btnsearch_click"/> </div> </div> </div> </div> </div> <!-查询查询按钮-> </div> </div> </div> <!-/col-> </div> <!-/条件查找->2 、文字和输入框上下排列：
代码：
<div> <div> <div> 司机姓名 </div> <asp: textbox id = "txt_drivername" runat = "เซิร์ฟเวอร์"> </asp: textbox> </div> <div> <div> 司机工号 </div> <asp: textbox id = "txt_ucode" runat = "เซิร์ฟเวอร์" id = "ddlshengadd" runat = "เซิร์ฟเวอร์" cssclass = "form-control" onselectedIndExChanged = "ddlShengadd_SelectedIndExChanged" autopostack = "true"> <asp: listitem value = "0"> 全省id = "scriptManager1" runat = "เซิร์ฟเวอร์"> </asp: scriptManager> <asp: updatePanel id = "updatePanel1" runat = "เซิร์ฟเวอร์" updateMode = "เงื่อนไข"> <contentTemplate> <label> </label> cssclass = "form-control"> </asp: dropdownList> </contentTemplate> <Triggers> <ASP: ASYNCPOSTBACKTRIGG CONTROLLID = "DDLSHENGADD" EventName = "SelectedIndExChanged"
以上内容是小编给大家介绍的 bootstrap3.0 建站教程 (一) 之 bootstrap 表单元素排版的相关知识， 希望对大家有所帮助！