stefan22
8/5/2017 - 12:56 AM

Inline, Horizonal Forms Sample

Inline, Horizonal Forms Sample

<form class="form-inline">

	<div class="form-group"> 
		<label for="email_id" class="control-label">Email</label>
		<input type="email" class="form-control" id="email_id" name="email_name" placeholder="name@domain.com">
	</div>
	
	<div class="form-group"> 
		<button type="submit" class="btn btn-primary">Submit</button>
	</div>		
	
</form>		

<form class="form-horizontal">

	<div class="form-group">
		<label for="email_id" class="control-label col-sm-2">Email</label>
		<div class="col-sm-10"> <!-- This is a new div -->	
			<input type="email" class="form-control" id="email_id" name="email_name" placeholder="name@domain.com">
		</div>	
	</div>
	
	<div class="form-group"> 
		<div class="col-sm-10 col-sm-offset-2"> <!--New div, offset because there is no label -->						
			<button type="submit" class="btn btn-primary">Submit</button>
		</div>
	</div>		
	
</form>