1 、文字和输入框前后排列：
代码：
<div> <div> <div> <div> <h2>条件查找</h2> </div> <div> <div> <div> <div> <div> <div div for = "select">归属地</div> <div> <asp：dropdownlist id = "ddlsheng" datatextfield = "name" datavaluefield = "id" runat = "airpostback" oneedededindExchanged = "ddlsheng_selectedindexChanged" cssclass = "form-control"> <asp：listitem value = "0">全国</asp：listitem> </asp：dropdownlist> </div> <div> <asp：scriptmanager id = "scriptmanager1" runat = ">"> </</</</</< id = "updatePanel1" runat = "server" updateMode = "conditional"> <contentTemplate> <asp：dropdownlist id = "ddlshi" datatextfield = "name" datavaluefield = "datavaluefield =" runat = "server" autopostback = "true" cssclass = "filmcontrol" <asp：asyncpostbacktrigger controlid = "ddlsheng" eventname = "selectedindexchanged"/> </triggers> </asp：updatepanel> </div> </div> </div> <div> <div> <div> <div for = "" select "> name = "balance_start"/> </div> <div> <input type = "text" runat = "server" id = "balance_end" name = "balance_end"/> </div> </div> </div> </div> <div> <div> autopostback = "true" cssclass = "form-control"> <asp：listitem value = "-1">全部</asp：listitiTem> <asp：listitem値= "0">是</asp：listItem> <asp：listitem値= "1"> ">否</asp </div> </div> <div> <div> <div> <div> <div> div for = "select">日期</div> <div> <input type = "text" id = "txtfrom" runat = "server" placeholder = "选择开始日期" onfocus = "wdatePicker（{datefmt： 'yyy/mm/dd'> < id = "txtto" runat = "server" placeholder = "选择结束日期" onfocus = "wdatepicker（{datefmt： 'yyyy/mm/dd'}）"> <％ - 、mindate： '％y-％m-％d％h：％m：％s' - ％> for = "select">代驾次数</div> <div> <input type = "text" runat = "server" id = "daijicount_start" name = "daijicount_start"/> </div> <div> <入力タイプ= "runat =" server "id =" daijicount_end "name" <div> <div> <div for = "select">生日月份</div> <div> <asp：dropdownlist id = "Bathingmonth" runat = "server" autopostback = "cssclass =" cssclass = "form-control"> <asp = "0">全部</asp：listitem> <asp = " Value = "2"> 2 Value = "7">7月</asp：listitem> <asp：listitem value = "8"> 8 value = "12">12月</asp：listitem> </asp：dropdownlist> </div> <div> </div> </div> </div> </div> </div> <div> <div> div> <div> <div for = "select>跟踪状态</div> <div> <asp =" Trackingstate "runat =" serv. cssclass = "form-control"> <asp：listitem value = "-1">全部</asp：listitem> <asp：listitem value = "0">有意向</asp：listitem> <asp：listitem値= "1">无意向</asp：listitem> </ <div> <div for = "select">再联系时间</div> <div> <input type = "text" id = "nextcontactdate" runat = "server" placeholder = "选择日期" onfocus = "wdatepicker（{datefmt： 'yyyy-mm-dd hh：mm：mm}） <div> <div for = "select">集团用户</div> <div> <asp：dropdownlist id = "groupuser" runat = "server" autopostback = "cssclass =" form-control "> <asp：listitem value =" -1 ">全部</asp：listitem> <asp =" "> </asp value = "1">集团用户</asp：listitem> </asp：dropdownlist> </div> <div> </div> </div> </div> </div> </div> <div> <div> div> <div for = "select>客户类型</div> <div> <asp =" customertype "runtpe" 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 = "4">定额合约后付费商户</asp：listitem> <asp：listitem value = "5">非定额后付费合约商户</asp：listitem> </asp：dropdownlist> </div> <div> </div> div> </div> <div> <div> div> <div> <div for = ">" Select "> runat = "server" autopostback = "true" cssclass = "form-control"> <asp：listitem value = "-1">全部</asp：listItem> <asp：listitem value = "1">已开发票</asp：listitem> <asp：listitem value = "0>未开发票</asp：asp：dupdownlist> </</< for = "select">标记</div> <div> <asp：dropdownlist id = "ddlremark" runat = "server" cssclass = "form-control"> <asp：listitem value = "0">全部</asp：listitem> <asp：listitem value = "1"> " <asp：listitem value = "3">拒接</asp：listitem> <asp：listitem value = "4">无人接听</asp：listitiTem> <asp：listitem値= "5">停机</asp：listItem> <asp：listitem値= "6">非本人</asp value = "8">酒店</asp：listitem> <asp：listitem value = "9"> e <div>关键字</div> <div> <入力タイプ= "text" runat = "server" id = "keyword" keyword "/> </div> <div> <asp：button id =" btnsearch "runat =" server "text =" </div> </div> </div> </div> <！ - 查询 - > </div> </div> </div> <！ - /col-> </div> <！ - /条件查找 - >2 、文字和输入框上下排列：
代码：
<div> <div> <div> </div> <asp：textbox id = "txt_drivername" runat = "server"> </div> <div> <div> <div> <div> <asp id = "txt_ucode" runat = "server"> </asp> </div> <div> <div> <> <> <> <div> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <> <div id = "ddlshengadd" runat = "server" cssclass = "form-control" onelectedindexchanged = "ddlsheng gadd_selectedIndexChanged" autopostback = "true"> <asp： "0">全省</asp：listitem> </asp：dropdownlist> <> <> <> <> <> <> <> <> <> <> <> <> <> <divid < runat = "server"> </asp：scriptmanager> <asp：updatepanel id = "updatepanel1" runat = "server" updateMode = "条件"> <contenttemplate> <contenttemplate> <label> </label> <asp：dropdownlist id = "ddlshiadd" ddlshiadd "dataTextfield =" "name" datavaluefield = "runat =" cscsclass "> </asp：dropdownlist> </contentTemplate> <triggers> <asp：asyncpostbacktrigger controlid =" ddlshengadd "eventname =" selectedindexchanged "/> </triggers> </asp：upduttpanel> </div> div>
以上内容是小编给大家介绍的bootstrap3.0建站教程（一）之ブートストラップ表单元素排版的相关知识、希望对大家有所帮助！