Блог

Главная - Вопросы по программированию - Как динамически создавать столбцы начальной загрузки в php

Как динамически создавать столбцы начальной загрузки в php

#php #html #twitter-bootstrap #bootstrap-4

#php #HTML #twitter-bootstrap #bootstrap-4

Вопрос:

Здравствуйте, я создаю проект, в котором у меня есть требование показывать столбцы, как показано на рисунке, но я не могу перебирать столбцы, я также вставляю коды того, сколько я сделал до сих пор. Пожалуйста, помогите мне, как я могу этого добиться.

введите описание изображения здесь

 <section id="services" class="ls section_intro_overlap columns_padding_0 columns_margin_0 container_padding_0 hidden-md hidden-lg" style="padding:15px 0 30px;">
    <div class="container-fluid">
        <div class="row flex-wrap v-center-content">
            <?php 
$sl_rp="select * from $tb_products where status='active' order by id DESC" ; 
$res_rp=m ysqli_query($conn,$sl_rp); if($res_rp){ 
$nums_rp=m ysqli_num_rows($res_rp); if($nums_rp>0){ 
$i=0; 
while($rows_rp = mysqli_fetch_assoc($res_rp)){ 
$productid = $rows_rp['id'].'/'.'asdfghjklqweretyuiophjgbcfhdgvsf'; $t_encode = base64_encode($productid); $i  ; 
?>
            <div class="col-xs-<?php if($i==3) { echo '12'; }else{ echo '6'; } ?> to_animate" data-animation="fadeInUp">
                <div class="teaser card-<?php echo $i; ?> transp with_padding big-padding margin_0">
                    <div class="media xxs-media-left">
                        <div class="media-left media-middle">
                            <div class="teaser_icon size_small big_wrapper">
                                <?php if($i==1){ ?>
                                <img src="barbie_images/icon-glos.png" class="img-responsive img-center mar-top-5">
                                <?php }else if($i==2){ ?>
                                <img src="barbie_images/icon-bw.png" class="img-responsive img-center mar-top-5">
                                <?php }else if($i==3){ ?>
                                <img src="barbie_images/icon-clr.png" class="img-responsive img-center mar-top-5">
                                <?php } ?>
                            </div>
                        </div>
                        <div class="media-body media-middle">
                            <h4 class="text-white"><?php echo $rows_rp['pname']; ?></h4>
                            <a href="fill-details.php?product=<?php echo $t_encode; ?>" class="btn btn-default text-capitalize card_buttons">Buy Now</a>
                        </div>
                    </div>
                </div>
            </div>
            <?php } } } ?>
        </div>
    </div>
</section>

Комментарии:

1. для этого используйте flex

2. как??? Не могли бы вы быть более конкретными

3. создайте имя класса или подразделения, добавьте col-md-6 к этому div или class и используйте flex для получения фактических результатов, как на рис

4. извините @dean, я получил свой ответ $ i % 3 == 0, но спасибо

Ответ №1:

Я думаю, что знаю ответ, вы можете использовать

 <div class="col-xs-<?php if($i % 3 == 0) { echo '12'; }else{ echo '6'; } ?> to_animate" data-animation="fadeInUp">

Итак, что на самом деле происходит, когда остаток равен 0, вы можете использовать 12 (т. Е. — col-xs-6), а еще вы можете 6 (т.Е. — col-xs-6)