How to place 2 fields in the same line, a side by side layout?

JQuery Form uses bootstrap framework. You can use CSS to set 2 fields in the same line.

Here are the example steps to place "Your Name" and "Email" fields

1. Use plain text editor to open form.html
2. Find out the ID of two fields, which are c1 and c2 in this case.
3. Add CSS to the style block as below:

   @media only screen and (min-width : 768px) {
   
     .form-group.c1,
     .form-group.c2{
       display:inline-block;
       width:48%;
       vertical-align: top;
     }
   
   }
   	
   

4. Save your form.html and test it

See screenshot below: