How to make the jotform use bootstrap CSS?

  • Profile Image
    Asked on March 12, 2015 at 06:29 PM
    If I wanted to make my form on the bootstrap side feature those improved and more cross-browser-compatible radio buttons, can I just take a chunk of that code and put it into my bootstrap specifications?  Is that . . . likely to work?
  • Profile Image
    Answered on March 12, 2015 at 06:40 PM

    There is no quick way of adding bootstrap to jotform (at this time) since we are including so many styles to jotform that rival bootstrap in some ways - although I am not saying that bootstrap in inferior.

    Now what you could do is to add the bootstrap CSS code to your website and then use source embed code to embed your jotfom on the same page.

    Now you will probably need to slightly change the elements such as radio inputs by adding them specific attributes, or classes so that they get styled using bootstrap code.

    This would however not offer you the same options that you have with our builder - to go into the designer and make the style changes, or to easily add new functionality to your jotform, since each time you do that, you will need to re-embed the jotform to your page and make the same changes to the elements so that bootstrap captures them.

    You can see here how to capture the full source code of your jotform: How to get the Full Source Code of your Form

    My suggestion would be to create entire jotform - all fields to be added, then do the final styling using bootstrap code.

    Unfortunately we can not assist with the modified jotform, but if you have any questions/issues related to the jotform, we would be able to assist.

    Hope this helps.