Question

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

<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>

但视图失真，而不是所有幻灯片在一行中滑动，视图就像这样

Answer 1

由于你没有给出PHP代码，我给你的样本

您要将数组划分为4个组（或任意多个组），如下所示

$postCats = wp_get_post_categories($postId, array('orderby' => 'term_order', 'order' => 'ASC')); 

$prevCategoryName = array();

foreach($postCats as $cat) {
    $categoryName = get_cat_name($cat);
    if (!in_array($categoryName, $prevCategoryName)) {
        $most_latest_post .= '<div class="postCatTags">' . $categoryName . '</div>';
    }
    $prevCategoryName = array_push($prevCategoryName, $categoryName);
}

然后在您提供的代码上，转到以下

$query = $this->db->get('student');
$r = $query->result();
$s = (array_chunk($r, 4));
return $s;

Answer 2

那是因为除非该行处于活动状态，否则另一个.item行将获取属性display:none;如果您要删除display：none;它应该按你的意愿工作。

Answer 3

在循环内创建class =“row”。另外请记住，屏幕仅包含12个单位，因此如果您创建超过12个单位的行，它将自动转到下一行。由于您创建了创建“col-md-3”的循环超过4次且总和超过12次，因此它将移至下一行。参考视图this

无法将行中的水平滑块对齐

3 个答案: