<input type="text" class="form-control" placeholder="Text input" />
 
<select class="form-control" data-jcf='{"wrapNative": false, "wrapNativeOnMobile": false}'>
  <option value="v1">Select options</option>
  <option value="v2">Option 1</option>
  <option value="v2">Option 2</option>
  <optgroup label="Option heading">
    <option value="v25">Option 3</option>
    <option value="v26">Option 4</option>
  </optgroup>
  <option value="v2">Option 5</option>
  <option value="v2">Option 6</option>
</select>
 
<select class="multitest" size="7" multiple>
  <optgroup label="Multiple select test">
    <option>Option 1</option>
    <option>Option 2</option>
  </optgroup>
  <optgroup label="heading group">
    <option>Option 3</option>
    <option>Option 4</option>
     <option>Option 5</option>
     <option>Option 6</option>
  </optgroup>
  <option>Option 7</option>
  <option>Option 8</option>
</select>
 
<textarea class="form-control" rows="3" placeholder="Textarea input"></textarea>
 
<div class="checkbox">
	<label>
		<input type="checkbox" value="check1">
		Option one is this and that—be sure to include why it's great
	</label>
</div>
<div class="checkbox disabled">
	<label>
		<input type="checkbox" value="" disabled>
		Option two is disabled
	</label>
</div>
 
<div class="radio">
	<label>
		<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
		Option one is this and that—be sure to include why it's great
	</label>
</div>
<div class="radio">
	<label>
		<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
		Option two can be something else and selecting it will deselect option one
	</label>
</div>
<div class="radio disabled">
	<label>
		<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
		Option three is disabled
	</label>
</div>

<form>
	<div class="form-group">
		<label>Email address</label>
		<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" />
	</div>
	<div class="form-group">
		<label>Password</label>
		<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" />
	</div>
	<div class="form-group">
		<label>File input</label>
		<input type="file" id="exampleInputFile">
		<p class="help-block">Example block-level help text here.</p>
	</div>
	<div class="checkbox">
		<label>
			<input type="checkbox"> Check me out
		</label>
	</div>
	<button type="submit" class="btn btn-primary">Submit</button>
</form>

<input type="text" class="form-control input-lg" placeholder="Large size" />
<input type="text" class="form-control" placeholder="Default size" />
<input type="text" class="form-control input-sm" placeholder="Small size" />
<input type="text" class="form-control input-xs" placeholder="Extra small size" />