Home › Forums › Quform PHP › Bootstap integration
- This topic has 2 replies, 2 voices, and was last updated 7 years, 8 months ago by highgauge.
- AuthorPosts
- March 3, 2017 at 11:32 am #20871highgaugeParticipant
I am having a hard time adding it to my bootstrap web.
Do you have example of bootstrap styling. If not Could you tell me what container class or id I need to get it to work. When I submit it goes to the process.php instead of on the same page. I am guessing I left out an ID or class somewhere.
<div class=”col-sm-7 col-lg-8 quform-outer” >
<h4 class=”centeronmobile”>Questions?</h4>
<p class=”centeronmobile”>We look forward to hearing from you and will respond to your inquiry shortly.</p><form class=”contact-comments m-top-50″ action=”quform/process.php” method=”post” enctype=”multipart/form-data” onclick=””>
<div class=”quform-inner”>
<div class=”quform-elements”>
<div class=”row”>
<div class=”col-md-12 form-group”>
<label>Name *</label> <!– Name –>
<input class=” form-control” id=”name” maxlength=”100″ name=”name” required=”” type=”text”>
</div>
<div class=”col-md-6 form-group”>
<label>Email *</label> <!– Email –>
<input class=” form-control” id=”email” maxlength=”100″ name=”email” required=”” type=”email”>
</div>
<div class=”form-group col-md-6″>
<label>Phone</label> <!– Phone –>
<input class=” form-control” id=”phone” maxlength=”100″ name=”phone” type=”text”>
</div><div class=”form-group col-md-12″>
<label>Message *</label> <!– Comment –><textarea class=”cmnt-text form-control” id=”message” maxlength=”400″ name=”message” rows=”6″></textarea></div>
<!– Begin Captcha element –>
<div class=”form-group col-md-6″>
<div class=”quform-element quform-element-captcha”>
<div class=”quform-spacer”>
<label for=”type_the_word”>Type the word <span class=”quform-required”>*</span></label>
<div class=”quform-input”>
<input class=”form-control” id=”type_the_word” type=”text” name=”type_the_word” />
</div>
<div class=”quform-captcha”>
<div class=”quform-captcha-inner”>
</div>
</div>
</div>
</div>
</div><!– End Captcha element –>
<!– Send Button –>
<div class=”form-group col-md-12″>
<button class=”quform-submit btn btn-small btn-dark-solid” type=”submit”>Send Message</button>
</div>
<div class=”quform-loading-wrap”><span class=”quform-loading”></span></div>
</div>
</div>
</div>
</form>
</div>March 3, 2017 at 8:59 pm #20891AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
March 3, 2017 at 9:02 pm #20892highgaugeParticipantthank you. this should do it.
- AuthorPosts
- You must be logged in to reply to this topic.