从数据库中获取数据时添加Bootstrap行类

时间:2019-04-02 16:20:51

标签: php mysql twitter-bootstrap

在我的网站上,所有数据都是从数据库中获取的。这些数据将连续显示在三列中。 我的代码:     

        while ($data = $query->fetch_array()) {
?>
                    <div class="col-md-4 col-sm-4" >
                        <!-- Image boxes style 1 default element -->
                        <div class="box image-boxes imgboxes_style1">
                            <!-- Image box link wrapper -->
                            <a class="hoverBorder imgboxes-wrapper" href="hti-admin/pdf_files/<?php echo $data['cv_path']; ?>" target="_blank">
                                <!-- Border image wrapper -->
                                <span class="hoverBorderWrapper">
                                <!-- Image -->
                                <img src="hti-admin/<?php echo $data['image_path']; ?>" class="img-responsive imgbox_image cover-fit-img" alt="" title="" />
                                <!--/ Image -->

                                <!-- Hover border -->
                                <span class="theHoverBorder"></span>
                                <!--/ Hover border -->
                                </span>
                                <!--/ Border image wrapper -->

                                <!-- Button -->
                                <h6>Download</h6>
                                <!--/ Button -->
                            </a>
                            <!--/ Image box link wrapper -->

                            <!-- Title -->
                            <h3 class="m_title imgboxes-title"><?php echo $data['name']; ?></h3>
                            <!--/ Title -->

                            <p>
                                <?php echo $data['details']; ?>
                            </p>


                        </div>
                        <!--/ Image boxes style 1 default element -->
                    </div>
                    <!--/ col-md-4 col-sm-4 -->

                    <?php
                            }

                    ?>

问题是列显示正常,但一行与另一行重叠。查看屏幕截图:http://prntscr.com/n6hyrg 如果数据是静态的,那么我可以使用     

但是如何解决动态数据中的这个问题

0 个答案:

没有答案