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