Php 页眉和行对齐

我正在学习如何用php显示mysql数据库数据，并遇到了一个关于对齐的小问题。此网站的页眉与第一行产品不对齐。代码如下：

<div class="container">
    <div class="page-header">
    <h1>For Sale</h1>
    </div>

<div class="products">
    <div class="container">
    <div class="row">
    <div class="col-sm-6 col-md-4">

    <li class="product thumbnail">
    <form method="post" action="cart_update.php">
    <div class="product-content">
    <div class="product-thumb"><img src="{$obj->product_img_name}" style="width:100%"></div>

    <div class="caption">
    <h3>{$obj->product_name}</h3>
    <div class="product-desc"><p>{$obj->product_desc}</p></div>
    <div class="product-info">
    Price: {$currency}{$obj->price} 
    </div>

    <fieldset>

    <label>
        <span>Color</span>
        <select name="product_color">
        <option value="Black">Black</option>
        <option value="Silver">Silver</option>
        </select>
    </label>

    <label>
        <span>Quantity</span>
        <input type="text" size="2" maxlength="2" name="product_qty" value="1" />
    </label>

    </fieldset>
    <input type="hidden" name="product_code" value="{$obj->product_code}" />
    <input type="hidden" name="type" value="add" />
    <input type="hidden" name="return_url" value="{$current_url}" />
    <div align="left"><button type="submit" class="add_to_cart btn btn-primary">Add</button></div>
    </div></div>
    </form>
    </li>

</div>    

供出售

产品名称}“style=“width:100%”
{$obj->product_name}
{$obj->product_desc}

价格：{$currency}{$obj->Price}
颜色
黑色
银币
量
添加

因为您使用的是引导，所以将

标签包装成

将使标题与您的产品项目水平对齐

供出售

名称
描述

价格:$10,50
颜色
黑色
银币
量
添加

谢谢-我在页眉和之间有一些php编码，这可能仍然是问题的原因。有一个部分说$products_item='

；我无法用您提供的信息重现这些内容。在浏览器中查看页面时，您可以使用检查器（通常是F12）然后看看每个元素都应用了什么样式。我明白了，这是因为（特定于浏览器的）默认css。我建议您考虑添加一个。这将删除

ul

元素上的

填充。我认为没有必要指定数据库。您使用
元素，但
或元素在哪里？