4 Replies Latest reply on Jun 20, 2017 10:54 AM by Blane McMichen

    Responsive Form with two columns using bootstrap

      Hi

      I am trying to achieve 2-column style layout for embedded Marketo Forms using Bootstrap CSS as below:

       

      FirstName:......................                     Address:..............................

      LastName:.....................                      City:......................................

      Phone:............................                     Country:................................

       

      The problem is the whole form is embedded under a single "col-sm-6". I was able to right align the fields (Address, City,Country) for desktop but it breaks the responsiveness as there is no col-6 defined separately on these columns.

       

      <div class="row">

           <div class="col-sm-6">

                    {embedded Mkto Form}

      Please let me know if anyone has come across a similar issue or any pointers on how to fix it.

      Thank you