Http://www.cnblogs.com/ivan0626/p/4174350.html
<form class= "form-horizontal" role= "form" > <fieldset> <legend> Configure Data source </legend> <div class= "Form-group" > <label class= "col-sm -2 Control-label "for=" Ds_host "> Host name </label> <div class=" Col-sm-4 "> <input class= "Form-control" id= "Ds_host" type= "text" placeholder= "192.168.1.161"/> </div> <label class= "col-sm-2 control-label" for= "ds_name" > Database name </label> <div class= "col-sm-4" > <input class= "Form-control" id= "Ds_name "Type=" text "placeholder=" MSH "/> </div> </div> <div class= "Form-group" > <label class= "col-sm-2 control-label" for= "Ds_usernam E "> User name </label> <div class= "col-sm-4" > <input class= "Form-control" id= "Ds_us Ername "type=" text "placeholder=" root "/> </div> <label class = "Col-sm-2 Control-label" for= "Ds_password" > Password </label> <div class= "Col-sm-4" > <input class= "Form-control" id= "Ds_password" type= "password" placeholder= "123456"/> </div> </div> </fieldset> <fieldset> <legend> Select related tables </legend> <div class= "form -group "> <label for=" disabledselect "class=" col-sm-2 control-label "> table name </label> <div class= "col-sm-10" > <select id= "disabledselect" class= " Form-control "> <option> Disable selection </option> <option> prohibit selection of </option& Gt </select> </div> </div> </fieldse t> <fieldset> <legend> Field names </legend> <div class= "Form-group" > <label for= "disabledselect" class= "Col -sm-2 Control-label "> table name </label> <div class=" col-sm-10 "> <select id= "Disabledselect" class= "Form-control" > <option> Disable Selection </option& Gt <option> Disable selection </option> </select> </div> </div> </fieldset> </form>
Bootstrap form layout style