How do I embed 2 forms to be centered side by side in Bootstrap

  • cbj1964
    Asked on January 4, 2018 at 10:15 PM

    I am trying to get the email marketing and website design forms to sit side by side in Bootstrap in Dreamweaver CC. Also how do I decrease the amount of space between the scripts when I have them on separate lines?


    Thank you.


    Carolyn

  • Support_Management Jotform Support
    Replied on January 5, 2018 at 3:42 AM

    Hello Carolyn - You mentioned Bootstrap and Dreamweaver so I'll assume you have complete access to your entire website's source code. Can you share with us the URL where we can see these two forms embedded so we can have a look?

    Since this is about your website's layout (e.g. placing stuff side by side regardless if it's a form or not), it has to be done by you (or your developer) who has access to your website's backend. However, we'd like to extend our help so we have to see first if this is something we can fiddle around with using CSS that you would need to place on your website's source code (not in JotForm).

    Also how do I decrease the amount of space between the scripts when I have them on separate lines?

    I'm assuming you're referring to the spacing between the fields. This can be achieved by following any of these guides:

    How-to-Reduce-Vertical-Spacing-Between-Fields

    How-Can-I-Change-Spacing-Between-Questions 

  • cbj1964
    Replied on January 5, 2018 at 10:43 AM
    http://www.cjdesignandconsulting.com/contact.html
    Sent from my iPhone
    ...
  • David JotForm Support
    Replied on January 5, 2018 at 11:56 AM

    Forms will adjust sizing to fit the div or space they are placed in.  You would need to have the space set for the forms to be placed in to.  Reducing the width of your form may also help.

    It would also be possible to use your forms iFrame code:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    And adjust the width/height of the frame to suit the sizing of your page.