1 、文字和输入框前后排列 ：
代码 ：
<dv> <div> <div> <div> <h2> 条件查找 </h2> </div> <div> <div> <div> <verv> <v div> <div untuk = "pilih"> 归属地 </div> <viv> <asp: dropdownlist iD = "ddlsheng" datatextfield = "nama" datavalueld = "id" OnselectectedIndExchanged = "ddlsheng_selectectedIndexchanged" cssclass = "Form-control"> <asp: listItem value = "0"> 全国 </sp: listItem> </spoard: dropdownlist> </div> <Div> <asp: scriptManager id = "scriptManager =" poundlist> </div> <div> <asp: scriptManager ID = "scriptManager =" poundlist> </div> <div> <asp: scriptManager ID = "scriptanpan) <poard lripter =" seru/全国 全国 全国 </divan: scriptManager ID = "scriptManager ID =" Id = "updatePanel1" runat = "server" updateMode = "conditional"> <contemplate> <asp: dropdownlist id = "ddlshi" datatextfield = "name" DataValueField = "id" runat = "server" autopostback = "true" cssclass = "form-control"> </form contsDown = "true" cssclass = "Form-control"> </form consepLODT "form-control"> </form contsPLASS = "form-control" form-conclass = "form-conclass =" form-conclass = "form-control" form-conclass = "form-control" <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> <v> <v> <v> <Div for = "Select"> 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否 是否runat = "server" autopostback = "true" csssclass = "form-control"> <asp: listItem value = "-1"> 全部 </sp: listitem> <asp: listItem value = "0"> </asp: listItem> <asp: listitem value = "1"> </asp: listItem> <asp: listitem value = "1"> 否 否 </asp: listitem> <asp: listitem value = "1"> 否 <//否 <//否 </否 否 </否 否 </asp: listitem> <asp: listitem value = "1"> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div for = "select"> 日期 </div> <v> <input type = "text" id = "txtFrom" runat = "server" placeholder = "选择开始日期" onfocus = "wdatePicker ({{{{{{{{' </div> <div> <input type="text" id="txtto" runat="server" placeholder="选择结束日期" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd'})"><%--,minDate:'%y-%M-%d %H:%m:%s'--%> </div> </div> </div> </div> <dv> <div> <div> <div for = "select"> 代驾次数 </div> <viv> <input type = "text" runat = "server" id = "daijicount_start" name = "daijicount_start"/> </div> <div> <input type = "text" runat = "server" id = "daijicount" nameoCount "namecount" nameoCed "nameoCed" runat "runat =" server "ID =" daijic " </div> </div> </div> <div> <div> <div> <div for = "select"> 生日月份 </div> <viv> <asp: dropdownlist id = "ulang tahun" runat = "server" autopostback = "true" cssclass = "Form-control"> <asp: listItem value = "0"> 全部 form-control "> 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月</asp:ListItem> <asp:ListItem Value="9">9月</asp:ListItem> <asp:ListItem 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 untuk = "SELECT"> 跟踪状态 </SIV> <SIV> <ASP: DREMDOWNLIST ID = "TrackingState" runat = "server" autopostback = "true" cssclass = "Form-Control"> <Asp: ListIt Nilai = "-1"> 全部 </asp: listitem> <asp: listitem value = "0 Value = "1"> 无意向 </asp: listItem> </sp: dropdownlist> </div> <div> </div> </div> </div> </div> <div> <div> <v> <Div for = "Select"> </Div> <Diver "Place =" Text "ID =" NextContacDate " onfocus = "wdatePicker ({dateFmt: 'yyyy-mm-dd hh: mm: ss'})"> </div> </div> </div> </div> <div> <v> <v> <div for = "pilih"> </div> <Div> <asp: dropdownlist id = " Cssclass = "form-control"> <asp: listItem value = "-1"> 全部 </sp: listItem> <asp: listItem value = "0"> 个人用户 </asp: listItem> <asp: listItem value = "1"> </asp: listitem> </asp: dropdown = "1"> </asp: listItem> </asp: dewa </div> </div> <div> <div> <div> <div> <div for = "select"> 客户类型 </div> <v div> <asp: dropdownlist id = "customerstype" runat = "server" autopostback = "true" cssclass = "Form-control"> <asp: listItem value = "0"> 全部: asp-control "> <asp: listitem value =" 0 "> Value = "1"> 预付用户 </asp: listItem> <asp: listItem value = "2"> 推荐用户 </sp: listItem> <asp: listItem value = "3"> 普通用户 </sp: listItem> <asp: listIteM value = "4"> 定额合约后付费商户 </asp: listItem> asp: nilai listIt = "4"> 定额合约后付费商户 </asp: listItem> <SOB: Nilai: "Nilai ="> 定额合约后付费商户 </asp: listitem> <SOB: Nilai: " </asp: dropdownlist> </div> <viv> </div> </div> </div> </div> <div> <div> <div> <div for = "select"> 开票 </div> <div> <asp: dropdownlist id = "ddl_invoice" runat = "server" server "autopost =" cs cs = "cs =" server "server" server "server" server "server" server "server" server "server" server "server" server "server" server "server" server Value = "-1"> 全部 </asp: listItem> <asp: listItem value = "1"> 已开发票 </sp: listItem> <asp: listItem value = "0"> 未开发票 </soSp: listItem> </asp: dropdownlist> </Div> <div for = "select"> 标记 标记 </div> </div = Asp = "oP =" 标记 标记 标记 标记 标记 标记 标记 标记 标记 标记 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 Value="7">不需要</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">其他</asp:ListItem> </asp:DropDownList> </div> </div> </div> </div> <dv> <div> <div> <div> 关键字 </div> <div> <input type = "text" runat = "server" id = "kata kunci" name = "kata kunci"/> </div> <v> <asp: tombol id = "btnsearch" runat = "server" text = "筛-筛" cssclass = "btn Btn" serser 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> <asp:TextBox ID="txt_Ucode" runat="server"></asp:TextBox> </div> <div> <div>归属地</div> <asp:DropDownList ID="ddlshengAdd" runat="server" CssClass="form-control " OnSelectedIndexChanged="ddlshengAdd_SelectedIndexChanged" AutoPostBack="true"> <asp:ListItem Value="0">全省</asp:ListItem> </asp:DropDownList> </div> <div> <asp:ScriptManager Id = "scriptManager1" runat = "server"> </asp: scriptManager> <Asp: updatePanel id = "updatePanel1" runat = "server" updateMode = "conditional"> <dencentTemplate> <LABEL> </label = "DATAVAL" "DATOVLION" "DATEATULE" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" "DATAVAL" " Cssclass = "Form-Control"> </sp: dropDownList> </contentTemplate> <Triggers> <asp: asyncpostbacktrigger controlid = "ddlshengadd" eventName = "selectedIndexchanged"/> </triggers> </asp: updatePanel> </diver> </triggers> </asp: updatePanel> </diver> </triggers> </asp: updatePanel> </diver> </triggers> </asp: updatePanel> </diver> </triggers>
以上内容是小编给大家介绍的 bootstrap3.0 建站教程 (一) 之 bootstrap 表单元素排版的相关知识 ， 希望对大家有所帮助！