<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Text input--> <div class="form-group"> <label label-default="" class="control-label label-default">Text Input</label> <div class="form-controls"> <input id="textinput" name="textinput" placeholder="placeholder" class="input-xlarge" type="text"> <p class="help-block">fdssdfwe</p> </div> </div> <!-- Text input--> <div class="control-group"> <label label-default="" class="control-label label-default">Text Input</label> <div class="controls"> <input id="textinput" name="textinput" placeholder="placeholder" class="input-xlarge" type="text"> <p class="help-block">help</p> </div> </div> <!-- Prepended text--> <div class="control-group"> <label label-default="" class="control-label label-default">Prepended Text</label> <div class="controls"> <div class="input-group"> <span class="input-group-addon">prepend</span> <input id="prependedtext" name="prependedtext" class="col-md-2" placeholder="placeholder" type="text"> </div> <p class="help-block">help</p> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label label-default="" class="control-label label-default">Button Drop Down</label> <div class="controls"> <div class="input-group"> <input id="buttondropdown" name="buttondropdown" class="col-md-2" placeholder="placeholder" type="text"> <div class="btn-group"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a> </li> <li><a href="#">Option two</a> </li> <li><a href="#">Option three</a> </li> </ul> </div> </div> </div> </div> <!-- Button Drop Down --> <div class="control-group"> <label label-default="" class="control-label label-default">Button Drop Down</label> <div class="controls"> <div class="input-group"> <input id="buttondropdown" name="buttondropdown" class="col-md-2" placeholder="placeholder" type="text"> <div class="btn-group"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Option one</a> </li> <li><a href="#">Option two</a> </li> <li><a href="#">Option three</a> </li> </ul> </div> </div> </div> </div> <!-- Select Basic --> <div class="control-group"> <label label-default="" class="control-label label-default">Select Basic</label> <div class="controls"> <select id="selectbasic" name="selectbasic" class="input-xlarge"> <option>Option one</option> <option>Option two</option> </select> </div> </div> <!-- Textarea --> <div class="control-group"> <label label-default="" class="control-label label-default">Text Area</label> <div class="controls"> <textarea id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Radios (inline) --> <div class="control-group"> <label label-default="" class="control-label label-default">Inline Radios</label> <div class="controls"> <label label-default="" class="radio inline"> <input name="radios" value="1" checked="checked" type="radio">1</label> <label label-default="" class="radio inline"> <input name="radios" value="2" type="radio">2</label> <label label-default="" class="radio inline"> <input name="radios" value="3" type="radio">3</label> <label label-default="" class="radio inline"> <input name="radios" value="4" type="radio">4</label> </div> </div> <!-- Select Basic --> <div class="control-group"> <label label-default="" class="control-label label-default">Select Basic</label> <div class="controls"> <select id="selectbasic" name="selectbasic" class="input-xlarge"> <option>Option one</option> <option>Option two</option> </select> </div> </div> <!-- Button --> <div class="control-group"> <label label-default="" class="control-label label-default">Single Button</label> <div class="controls"> <button id="singlebutton" name="singlebutton" class="btn btn-primary">Button</button> </div> </div> </fieldset> </form></div>