php - 无法连续对齐水平 slider

Question

我有一个工作正常的水平旋转木马，here is the code for it现在我希望从数据库中获取数据并将其显示在旋转木马上。以下是我使用的代码

<div class='row'>
    <div class='col-xs-12'>
        <div class="carousel slide media-carousel" id="media">
            <div class="carousel-inner">
                <div class="item  active">
                    <div class="row">
                        <?php foreach($student as $student): ?>
                            <div class="col-md-3">
                                <a class="thumbnail" href="#"><?php echo $student->fullname;?></a>
                            </div>          
                        <?php endforeach; ?>           
                    </div>
                </div>
            </div>
            <a data-slide="prev" href="#media" class="left carousel-control">‹</a>
            <a data-slide="next" href="#media" class="right carousel-control">›</a>
        </div>                          
    </div>
</div>

但是 View 是扭曲的，而不是所有的幻灯片都在一行中滑动， View 是这样的

Answer 1

那是因为除非该行处于事件状态，否则其他 .item 行将获得属性 display:none; 如果您要删除 display:none;它应该如你所愿地工作。