AnsweredAssumed Answered

Bootstrap img-responsive with mktoImg tag

Question asked by Jonathan Langlois on Apr 18, 2019
Latest reply on Apr 18, 2019 by Jonathan Langlois

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 -->

Outcomes