Bootstap integration

Home Forums Quform PHP Bootstap integration

This topic is: not resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #20871
    highgauge
    Participant

    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>

    #20891
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #20892
    highgauge
    Participant

    thank you. this should do it.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy