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

    Style conflict with Bootstrap 3

    Asked by maddesign on September 15, 2014 at 08:17 AM

    Hey guys,

    I have a low-priority issue here that I've been noticing lately. It seems that the form lightbox that you all are using has a conflict with the Bootstrap 3 framework. I've attached a screenshot showing what occurs each time I add a lightbox to a site that's using this framework.

    Maybe you can take a look or know a quick-fix?

    Thanks,

    Trent

    Screenshot
    style 3 site thanks attached
  • Profile Image
    JotForm Designer

    Answered by egeg on September 15, 2014 at 08:53 AM

    Hi there, 

    Is there a live link that we can investigate this problem on?

    Off the top of my head, it looks like some default bootstrap style is breaking how our lightbox wrapper looks. The actual form cannot be the issue here so it has to be the wrapper.

    Let us know and we'll get this sorted out asap.

    Thanks.

  • Profile Image

    Answered by maddesign on September 15, 2014 at 09:28 AM

    Sure thing. Here's a link for you: http://maddesign.biz/qa/handh/ftr/form.html

  • Profile Image
    JotForm Designer

    Answered by egeg on September 15, 2014 at 11:19 AM

    Hi there,

    As I suspected, this happens because bootstrap defines box-sizing: border-box to all elements in the page.

    To prevent this from happening, include the following css in the page that has the lightbox form.

    .jt-title {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    Please let us know if there's anything else we can help you with.

    Cheers!