1, text and input boxes before and after the arrangement:
Code:
<div class= "Row" > <div class= "col-lg-12" > <div class= "Panel Panel-default" > <div class= "Panel-hea Ding ">
2, Text and input box up and down:
Code:
<div class= "Row" > <div class= "Form-group col-sm-4" > <div> driver name </div> <asp:textbox id= "Txt_ DriverName "runat=" Server "class=" Form-control "></asp:TextBox> </div> <div class=" Form-group Col-sm-4 "> <div> driver work number </div> <asp:textbox id=" Txt_ucode "runat=" Server "class=" Form-control "> </asp:TextBox> </div> <div class= "Form-group col-sm-2" > <div> vesting in </div> <asp:d Ropdownlist id= "Ddlshengadd" runat= "cssclass=" Form-control "onselectedindexchanged=" ddlshengAdd_ SelectedIndexChanged "autopostback=" true "> <asp:listitem value=" 0 "> Province </asp:ListItem> </asp:d ropdownlist> </div> <div class= "Form-group col-sm-2" > <asp:scriptmanager 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-control" ></asp:d ropdownlist> </ContentTemplate> <Triggers> <asp:asyncpostbacktrigger controlid= "Ddlshengadd" Eventname= "SelectedIndexChanged"/> </Triggers> </asp:UpdatePanel> </div> </div>
The above content is small set to introduce the BOOTSTRAP3.0 Construction Station Tutorial (a) of the bootstrap form elements of the relevant knowledge, I hope to help you!