Bootstrap Carousel (Carousel) Picture vertical Display the problem solving method that cannot be carousel

This is always the case, the picture is displayed vertically and the problem of carousel cannot be left or right.

It was later discovered that the problem was.

  <!--Carousel (Carousel) Items--               <div class= "Carousel-inner" >                  <div class= "Item Active" >                     < IMG src= ". /.. /.. /web/images/testcar1.jpg "alt=" front photo ">                     <div class=" carousel-caption "> Front photo </div>                  </div>                  <div class= "Item" >                                          <div class= "Carousel-caption" > in-control photo </div>                  </div>                  <div class= "Item" >                                          <div class=" carousel-caption "> Back photo </div>                  </div >               </div>

There must be a class that is "Item active", and if it is all "item" The problem will occur. And for me to use the Smarty template, I have to believe adding some logic judgment.

<!--Carousel (Carousel) Items--               <div class= "Carousel-inner" style= "height:450px" >                {$index =0}                { foreach $b as $c}                  {if $index = = 0}                  <div class= "Item Active" >                                          < Div class= "carousel-caption" ></div>                  </div>                  {else if}                  <div class= "Item" >                                          <div class= "carousel-caption" ></div>                  </div>                  {/if }                  {$index = $index +1}                {/foreach}               </div>

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

Bootstrap Carousel (Carousel) Picture vertical Display the problem solving method that cannot be carousel