在php中将多条记录插入不同的占位符,并在网格系统中出错

在php中将多条记录插入不同的占位符,并在网格系统中出错,php,jquery,html,mysql,twitter-bootstrap,Php,Jquery,Html,Mysql,Twitter Bootstrap,我一直在开发一个网站,以显示不同的优惠券和数据取自数据库。它有4列包含id,名称,优惠券,标题,如图所示 现在的主要想法是在php页面中创建一个特色商店部分,其中包含以storename.jpeg为源获取图像的图像。它还有一个div,显示优惠券的编号和标题。如何编写查询以分别访问这3列?此外,电网系统在较小的设备中工作不正常,有些设备位置不正确。下面添加了代码片段 $(文档).ready(函数(){ $(“[rel='tooltip']”)。tooltip(); $('.thumbnail')

我一直在开发一个网站,以显示不同的优惠券和数据取自数据库。它有4列包含id,名称,优惠券,标题,如图所示

现在的主要想法是在php页面中创建一个特色商店部分,其中包含以storename.jpeg为源获取图像的图像。它还有一个div,显示优惠券的编号和标题。如何编写查询以分别访问这3列?此外,电网系统在较小的设备中工作不正常,有些设备位置不正确。下面添加了代码片段

$(文档).ready(函数(){
$(“[rel='tooltip']”)。tooltip();
$('.thumbnail')。悬停(
函数(){
$(this).find('.caption').slideDown(250);//.fadeIn(250)
},
函数(){
$(this).find('.caption').slideUp(250);//.fadeOut(205)
}
); 
});
正文{
填充顶部:50px;
}
.缩略图{
位置:相对位置;
溢出:隐藏;
}
.标题{
位置:绝对位置;
排名:0;
右:0;
背景:rgba(66,139,202,0.75);
宽度:100%;
身高:100%;
填充:2%;
显示:无;
文本对齐:居中;
颜色:#fff!重要;
z指数:2;
}

促销代码、优惠券、优惠等
占位符优惠券编号
在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易

占位符优惠券编号 在这里获得退出交易


您只需迭代查询结果。 您可以参考以下内容

<?php 
    $query = "select * from featured_stores"; 
    $result = mysql_query($query)
    if (!$result) die ("Database access failed: " . mysql_error());
?>

<div class="container">
    <div class="row">

    <?php while($row=mysql_fetch_array($result)): ?>

        <div class="col-lg-2 col-sm-6 col-xs-6 col-md-3">            
            <div class="thumbnail">
                <div class="caption">
                    <h4><?=  $row['no_of_coupons']; ?></h4>
                    <p><?= $row['caption']; ?></p>
                </div>
                <img src="img/" .<?= $row['store_name']; ?> . ".jpeg" alt="...">
            </div>
        </div>

    <?php endwhile; ?>

    </div>
</div>

. “.jpeg”alt=“…”>

询问优惠券|促销代码、优惠券、优惠等
$(文档).ready(函数(){
$(“[rel='tooltip']”)。tooltip();
$('.thumbnail')。悬停(
函数(){
$(this).find('.caption').slideDown(250);//.fadeIn(250)
},
函数(){
$(this).find('.caption').slideUp(250);//.fadeOut(205)
}
); 
});

.jpeg“alt=”…”>
但我想分成两行而不是一行使用计数器和if条件根据需要操作html。:)此代码仅供参考。但只需缩小屏幕并查看网格中断,您就可以找到它的解释了吗?这是一个不同的主题,您必须了解引导网格类以及它们应该如何在sed。你的代码明确指出你没有正确计算网格。从这里开始阅读:没有现成的解决方案,兄弟,你就快到了,试着找出答案并学习:)