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

  • Profile Image
    cbj1964
    Asked on January 04, 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

  • Profile Image
    Jim_R
    Answered on January 05, 2018 at 03: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 

  • Profile Image
    cbj1964
    Answered on January 05, 2018 at 10:43 AM
    http://www.cjdesignandconsulting.com/contact.html
    Sent from my iPhone
    ...
  • Profile Image
    david
    Answered on January 05, 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.