title: Slick slider displays only one dot when is dynamic
body: <p>this is my first ever question in this site, I apologize in advance for my level of English (not my first language)</p>
  
  <p>My issue: Im working with Slick slider plugin in Laravel55. This plugin works perfectly with static declaration, but when I try to do it dynamically (using a compacted variable displayed through a foreach loop) it messes with the navigation part, it shows me only one dot and no arrows on the sides. </p>
  
  <p>Looking through similar questions in this site, I've tried to compare the source code between static and dynamic attempts and it generates the same version with a slight indentation difference.</p>
  
  <p>I've checked the charset, verified to load the plugin js after the jQuery and nothing seems to be wrong.</p>
  
  <p>Dynamic</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;section class="clients-feedback-area bg-white section_padding_100 clearfix" id="testimonials"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row justify-content-center"&gt;
                  &lt;div class="col-12 col-md-10"&gt;
                      &lt;div class="slider slider-for"&gt;
                          &lt;!-- Client Feedback Text  --&gt;
                          @foreach($testimonials as $t)
                          &lt;div class="client-feedback-text text-center"&gt;
                              &lt;div class="client"&gt;
                                  &lt;i class="fa fa-quote-left" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-description text-center"&gt;
                                  &lt;p&gt;“ {{$t-&gt;comment}} ”&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="star-icon text-center"&gt;
                                  @for($i=0;$i&lt;$t-&gt;rate;$i++)
                                      &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  @endfor
                              &lt;/div&gt;
                              &lt;div class="client-name text-center"&gt;
                                  &lt;h5&gt;{{$t-&gt;name}}&lt;/h5&gt;
                                  &lt;p&gt;{{$t-&gt;department}}&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          @endforeach
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;!-- Client Thumbnail Area --&gt;
                  &lt;div class="col-12 col-md-6 col-lg-5"&gt;
                      &lt;div class="slider slider-nav"&gt;
                      @foreach($testimonials as $tp)
                      &lt;div class="client-thumbnail"&gt;
                          &lt;img src="{{$tp-&gt;pAvatar}}"&gt;
                      &lt;/div&gt;
                      @endforeach
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Static</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;section class="clients-feedback-area bg-white section_padding_100 clearfix" id="testimonials"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row justify-content-center"&gt;
                  &lt;div class="col-12 col-md-10"&gt;
                      &lt;div class="slider slider-for"&gt;
                          &lt;!-- Client Feedback Text  --&gt;
                          &lt;div class="client-feedback-text text-center"&gt;
                              &lt;div class="client"&gt;
                                  &lt;i class="fa fa-quote-left" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-description text-center"&gt;
                                  &lt;p&gt;“ Muchas gracias por todo. Buenisima experiencia. ”&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="star-icon text-center"&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-name text-center"&gt;
                                  &lt;h5&gt;Dra. Alice Boyle&lt;/h5&gt;
                                  &lt;p&gt;&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;!-- Client Feedback Text  --&gt;
                          &lt;div class="client-feedback-text text-center"&gt;
                              &lt;div class="client"&gt;
                                  &lt;i class="fa fa-quote-left" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-description text-center"&gt;
                                  &lt;p&gt;“ Agradezco mucho la atención y excelente estadía. ”&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="star-icon text-center"&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-name text-center"&gt;
                                  &lt;h5&gt;Carlos Navas&lt;/h5&gt;
                                  &lt;p&gt;&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;!-- Client Feedback Text  --&gt;
                          &lt;div class="client-feedback-text text-center"&gt;
                              &lt;div class="client"&gt;
                                  &lt;i class="fa fa-quote-left" aria-hidden="true"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-description text-center"&gt;
                                  &lt;p&gt;“ Fue una experiencia buenísima visitar aquí y una estadía excelente y comoda ¡Gracias!.”&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div class="star-icon text-center"&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                                  &lt;i class="ion-ios-star"&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class="client-name text-center"&gt;
                                  &lt;h5&gt;Liam Reucle&lt;/h5&gt;
                                  &lt;p&gt;&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;!-- Client Thumbnail Area --&gt;
                  &lt;div class="col-12 col-md-6 col-lg-5"&gt;
                      &lt;div class="slider slider-nav"&gt;
                          &lt;div class="client-thumbnail"&gt;
                              &lt;img src="img/icons/icon-user.png" alt=""&gt;
                          &lt;/div&gt;
                          &lt;div class="client-thumbnail"&gt;
                              &lt;img src="img/icons/icon-user.png" alt=""&gt;
                          &lt;/div&gt;
                          &lt;div class="client-thumbnail"&gt;
                              &lt;img src="img/icons/icon-user.png" alt=""&gt;
                          &lt;/div&gt;
                          &lt;div class="client-thumbnail"&gt;
                              &lt;img src="img/icons/icon-user.png" alt=""&gt;
                          &lt;/div&gt;                        
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>For better understanding of my situation and what i'm trying to achieve i've put visualization as follow (I can't insert images, doesn't have 10 points of reputation)</p>
  
  <p>Dynamic behavior:
  <a href="https://i.imgur.com/ktQ0Lsl.png" rel="nofollow noreferrer">https://i.imgur.com/ktQ0Lsl.png</a></p>
  
  <p>Static behavior:
  <a href="https://i.imgur.com/CF7JKKD.png" rel="nofollow noreferrer">https://i.imgur.com/CF7JKKD.png</a></p>
  
  <p>Sorry for any information i may have skipped
  Any help or comments will be appreciated</p>