Question

我正在尝试使用可以在http://bootsnipp.com/snippets/Pbnxx看到的购物车滑块我正在努力使用正确的PHP语法。谁能帮我吗？

我认为我需要为每4列添加.item和.row，但有些内容会出现故障并且无法正常工作

<div class="container">

      <div class="row">
           <div class="col-md-9">
               <h3>TITLE </h3>
           </div>

           <div class="col-md-3">

               <!-- Controls -->
               <div class="controls pull-right hidden-xs">
                   <a class="left fa fa-chevron-left btn btn-success" href="#carousel-example"
                data-slide="prev"></a>
                   <a class="right fa fa-chevron-right btn btn-success" href="#carousel-example"
                data-slide="next"></a>
               </div>

           </div>
      </div>

     <div id="carousel-example" class="carousel slide hidden-xs" data-ride="carousel">
            <!-- Wrapper for slides -->
            <div class="carousel-inner">


                <?php  
                while ( $query->have_posts() ) :
                    $query->the_post();

                // make new slide every 4 columns
                if($i % 4 == 0) : ?>
                <div class="item <?php if($a++ == 0) echo 'active'; ?>">
                    <div class="row">
                    <?php endif; ?>


                    <div class="col-sm-3">  
                        <div class="col-item">
                            <?php echo $i; ?>
                        </div>
                    </div> 

                    <!-- end slide every 4 columns -->
                    <?php   if($i++ % 4 == 0) : ?>
                    </div> <!-- row -->
                   </div> <!-- slide -->
                 <?php endif; ?>


        <?php endwhile; ?> 


    </div> <!-- end carousel -->


    </div> <!-- carousel-example -->
    </div> <!-- container -->

Answer 1

我认为您的.row也应该是.item，因为您希望一次滑动4个项目。

Answer 2

这里你使用smarty我的代码。我使用array_chunk($items, 4)和嵌套循环。

<div class="carousel-inner">
        {foreach $recipebox.recipes as $key=>$recipeSet}
            {if $key == 0}
                <div class="row item active">
            {else}
                <div class="row item">
            {/if}
                {foreach $recipeSet as $recipe }
                    <div class="col-xs-3">
                        // box content
                    </div>
                {/foreach}
            </div>
        {/foreach}
    </div>

Bootstrap购物车滑块的Php语法

2 个答案: