Repeater now working correctly

First time I have used repeaters with bootstrap 4.1 and newest Perch version The row tags are on the page before and after the <? perch_content('sponsor'); ?> Then you choose the template before. The first box is correct and then the second and third are underneath in a single column not even in the right format. What I am trying to do is get the repeater to repeat the box scripts so I can have as many or as few sponsors display 3 across. What have I done wrong here so the boxes after the first are so messed up. Is redactor messing things up. I have just started using it. I do know the Bold does not work unless you go in and put in the code.

<perch:repeater id="box" label="Box">
        <div class="col-lg-4 col-md-6 col-sm-12 mb-3">
              <div class="card h-100">
            <h4 class="card-header"><perch:content id="heading" type="text" label="Heading" required title></h4>
            <div class="card-body">
             <perch:if exists="pic">
             <img class="img-fluid" src="<perch:content type="image" id="pic" label="Company Logo">" alt="<perch:content type="text" id="alt" label="caption" required help="e.g. Photo of MD John Smith with his best wig on" title>"><perch:content id="pic" type="image" label="Company Logo"></span>
              </perch:if>           
              <p class="card-text">
               <perch:content id="content" type="textarea" label="Content" required size="m" html editor="redactor">
               </p>
            </div>   
    </div>
     </perch:repeater>