Mixed Bootstrap form -


tried create bootstrap form has 2 input fields horizontal & multiple select. region 1 & region 2 along select should next input text field.. can please help, me region 1 & 2 coming below input field.

<div class="container"> <h2>bootstrap form</h2> <form role="form" class="form-horizontal">     <div class="form-group">         <div class="col-sm-5"><input type="text" class="form-control" id="inputid" placeholder="enter name"></div>     </div>     <div class="form-group">         <div class="col-sm-5"><input type="text" class="form-control" id="inputad" placeholder="ip address"></div>     </div>     <div class="form-group">       <div class="col-sm-5">         <label class="col-sm-12" for="selbuy">region 1</label>         <div class="col-sm-6">           <select class="form-control" id="selbuy" multiple="multiple" size="6">             <option>california </option>             <option>atlanta</option>            </select>         </div>       </div>       <div class="col-sm-5">         <label class="col-sm-12" for="selcsp">region 2</label>         <div class="col-sm-6">           <select class="form-control" id="selcsp" multiple="multiple" size="6">             <option>google </option>             <option>ibm</option>           </select>         </div>       </div>   </div>  </form> <hr> </div> 

i have setup fiddle this: http://jsfiddle.net/1wpjxp1e/

basically have wrapped input fields in wrapping div

<div class="col-sm-12">...</div> 

and selectboxes too:

<div class="col-sm-12">...</div> 

when i've done need make sure intended size kept changed the

<div class="col-sm-5"> 

to:

<div class="col-sm-12"> 

because needs full size. can see in fiddle both regions next input fields.


Comments

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -