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

    How to make the jotform use bootstrap CSS?

    Asked by robinowsley 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?
    bootstrap CSS layout bootstrap jotform
  • Profile Image

    Answered by Ben 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.