AnsweredAssumed Answered

Responsive Form with two columns using bootstrap

Question asked by 60d1db12efbfd7647042d1b37ec4a02af00502c1 on Aug 29, 2016
Latest reply on Aug 29, 2016 by e6615dd679b5dd0c3e60c20085706f392a9af2cb

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

Outcomes