Bootstrap carousel images are displayed vertically,

Bootstrap carousel images are displayed vertically,

This problem has always occurred before, and the picture is displayed vertically and cannot be rotated left or right.

This problem was discovered later.

<! -- Carousel project --> <div class = "carousel-inner"> <div class = "item active">  <div class =" carousel-caption "> front view </div> <div class =" item ">  <div class =" carousel-caption "> Central Control photo </div> <div class =" item ">  <div class =" carousel-caption "> houzhao </div>

There must be a class that is "item active". If it is "item", this problem will occur. However, if I use the smarty template, I need to add some logical judgments.

<! -- Carousel project --> <div class = "carousel usel-inner" style = "height: export PX ">{$ index = 0 }{ foreach $ B as $ c }{ if $ index = 0} <div class =" item active ">  <div class =" carousel-caption "> </div> {else if} <div class =" item ">  <div class = "carousel-caption"> </div> {/if} {$ index = $ index + 1 }{/ foreach} </div>

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.