SOLVED

Bootstrap img-responsive with mktoImg tag

Go to solution
Jonathan_Langlo
Level 2

Bootstrap img-responsive with mktoImg tag

Good day all,

i am trying to get a marketo guided image box to be resonsive with the tag class="img-responsive" from bootstrap, but so far with no luck. i have tried nesting the mktoImg into a rich text box but i cant put a marketo box inside another (that was my last attempt and idea t fix the problem).

here is the code i am using:

<div class="row"> <!-- div image row -->

<div class="div-image-header col-md-7"> <!-- image -->

<div class="mktoImg" id="headerimage" mktoName="header-image">

<img class="img-responsive" src="MYIMAGEURL">

</div> <!--end image marketo-->

<div class="div-content-description"> <!-- div text description -->

<div class="mktoText" id="content-description" mktoName="content-description"><!-- div content-description -->

<p>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

</p>

</div> <!-- div content-description -->

</div> <!-- div text description -->

<div class="div-complete-from"> <!-- div complete from -->

<h3>COMPLETE THIS FORM TO ACCESS YOUR CONTENT <img style="width: 35px; height: 34px;" src="https://go.optelgroup.com/rs/911-CSV-368/images/Fleche orange droite.png" ></h3>

</div><!-- div complete from -->

</div><!-- div-image-header -->

<div class="div-marketo-form col-md-5"> <!-- marketo from -->

<div class="mktoForm" id="Form-event" mktoName="Form"> <!-- marketo from for marketo -->

MARKETO FORM GOES HERE!

<br>

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

</div><!-- marketo from for marketo -->

</div> <!-- marketo from -->

<div class="free-space col-xs-12"> <!-- free space -->

</div> <!-- free space -->

</div><!-- div image row -->

</div<!-- end div container -->

1 ACCEPTED SOLUTION

Accepted Solutions
Bryan_Epstein
Level 6

Re: Bootstrap img-responsive with mktoImg tag

Did you try doing the following?

<!-- div image row -->

<div class="div-image-header col-md-7"> <!-- image -->

<div class="mktoImg img-responsive" id="headerimage" mktoName="header-image">

<img src="MYIMAGEURL">

</div> <!--end image marketo-->

View solution in original post

3 REPLIES 3
Bryan_Epstein
Level 6

Re: Bootstrap img-responsive with mktoImg tag

Did you try doing the following?

<!-- div image row -->

<div class="div-image-header col-md-7"> <!-- image -->

<div class="mktoImg img-responsive" id="headerimage" mktoName="header-image">

<img src="MYIMAGEURL">

</div> <!--end image marketo-->

Jonathan_Langlo
Level 2

Re: Bootstrap img-responsive with mktoImg tag

hey now,

no i have not, i will do it right away and get back with an anwser

Thanks

Jonathan_Langlo
Level 2

Re: Bootstrap img-responsive with mktoImg tag

Alright it worked

Thank you very much!