What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form width not conforming to Bootstrap 3 Width

    Asked by gdovindesigns on September 02, 2014 at 09:21 AM

    I have a form which you can see here: http://www.gdovindesigns.com/client/lisaMeck/jamesLeaver/contact.html

    It's inside a Bootstrap column which is inside a Bootstrap row. The form I thought is set to 100% width, but for some reason it's not conforming to the column width. It's also supposed to be responsive but it doesn't seem tot be doing that either. Thanks for your help!

    Page URL:
    http://www.gdovindesigns.com/client/lisaMeck/jamesLeaver/contact.html

    form width 3 column width www thanks
  • Profile Image
    JotForm Support

    Answered by ashwin_d on September 02, 2014 at 10:11 AM

    Hello gdovindesigns,

    The form I thought is set to 100% width, but for some reason it's not conforming to the column width. 

    Please try to embed your form using its iFrame embed code and see if that solves your problem. The following guide should help you grab the iFrame embed code:  http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code You may also like to reduce the width of your form a bit. I did chekc your form and found that currently your form width in the editor is set as "690px".

    It's also supposed to be responsive but it doesn't seem tot be doing that either. 

    If you want your form to be responsive, please add the "Mobile Responsive" widget in your form. It will adjust the width of your form fields based on the mobile device and display them without horizontal scroll. Please be noted that for the mobile responsive widget to work properly, it is advisable that you should not inject any custom css code in your form. I did check your form and it seems you have injected some custom css code already.

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!