Nonsense not to say more, directly to everyone paste code.
<form class= "form-horizontal" role= "form" > <fieldset> <legend> configuration 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_username" > Username </label> <div class= "Col-sm-4" > <input class= "Form-control" id= "Ds_username" 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 table </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> no selection </option> <option> Forbidden selection </ option> </select> </div> </div> </fieldset> <fieldset> <legend> field name </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> no choice </ Option> <option> Forbidden Selection </option> </select> </div> </div> </fieldset> </form >
Effect chart
The above content is small to introduce the bootstrap form layout style code related knowledge, I hope to help!