Reply To: How to use Contact Form 7 and styles as Bootstrap’s Horizontal

Written by on

› › › › ›

#19993
Daniel Tara
Keymaster

Here is the code used in the theme demo’s contact page:

<div class="form-horizontal">
	<div class="form-group">
		<label for="name" class="col-sm-3 control-label">Your Name <span class="text-danger">*</span></label>
		<div class="col-sm-9">
			[text* name class:form-control id:name]
		</div>
	</div>
	
	<div class="form-group">
		<label for="email" class="col-sm-3 control-label">Your Email <span class="text-danger">*</span></label>
		<div class="col-sm-9">
			[email* email class:form-control id:email]
		</div>
	</div>
	
	<div class="form-group">
		<label for="subject" class="col-sm-3 control-label">Subject <span class="text-danger">*</span></label>
		<div class="col-sm-9">
			[text* subject class:form-control id:subject]
		</div>
	</div>
	
	<div class="form-group">
		<label for="message" class="col-sm-3 control-label">Your Message <span class="text-danger">*</span></label>
		<div class="col-sm-9">
			[textarea* message class:form-control id:message 40x5]
		</div>
	</div>

	<div class="form-group">
		<div class="col-sm-offset-3 col-sm-9">
			[submit class:btn class:btn-primary "Send Message"]
		</div>
	</div>
</div>