Question

这是我的主要视图页面：第一类：项目有效，另一个只是class：item 但我希望foreach只有class =＆＃34; col-sm-6＆＃34;有两个类项目活动和项目......

    <div class="carousel-inner">
    <div class="item active">
        <div class="row">
            <div class="col-sm-6">
                <div class="col-item">
                    <div class="photo">
                        <img src="img/a.jpg" />
                    </div>
                    <div class="info">
                        <div class="row">
                            <div class="price col-md-6">
                                <h5>title</h5>
                                <h5 class="price-text-color">
                                    Contact for price</h5>
                            </div>
                            <div class="rating hidden-sm col-md-6">
                                <i class="fa fa-bed"></i> <b>3</b>
                                <i class="fa fa-bath"></i> <b>2</b>
                            </div>
                        </div>
                        <div class="separator clear-left">
                            <p class="btn-details">
                                <i class="fa fa-list"></i><a href="" class="hidden-sm">More details</a></p>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="item">
        <div class="row">
            <div class="col-sm-6">
                <div class="col-item">
                    <div class="photo">
                        <img src="2.jpg" />
                    </div>
                    <div class="info">
                        <div class="row">
                            <div class="price col-md-6">
                                <h5>title</h5>
                                <h5 class="price-text-color">
                                    Contact for price</h5>
                            </div>
                            <div class="rating hidden-sm col-md-6">
                                <i class="fa fa-bed"></i> <b>5</b>
                                <i class="fa fa-bath"></i> <b>3</b>
                            </div>
                        </div>
                        <div class="separator clear-left">
                            <p class="btn-details">
                                <i class="fa fa-list"></i><a href="" class="hidden-sm">More details</a></p>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

但是当我推进div时，一个是活跃的类，但我希望一个div处于活动状态但另一个不是。实际上我想联合col-sm-6课......怎么做。第一次

Answer 1

我假设您需要以下内容：

有一个活动项目
为每个item包含多个col-sm-6元素，通过php foreach循环创建

通过item php循环

创建foreach

<!-- language: lang-php -->
<?php $active_item = "active" ?>
<?php foreach($itemlist as $item): ?>
    <div class="item <?php echo $active_item ?>">
    <?php $active_item = "" ?>
        <div class="row">
            <?php foreach($item as $column): ?>
                <div class="col-sm-6">
                    <!-- insert your logic here for creating your columns in a carousel -->
                </div>
            <?php endforeach ?>
        </div>
    </div>
<?php endforeach ?>

$active会将active类仅附加到轮播项目的第一个实例。

我避免使用foreach($array as $key=>$value)并检查密钥是否要激活该项，因为您的数组可能没有以0开头的数字键。

我想在codeigniter中添加bootsnipp滑块

1 个答案: