页眉和行对齐

【问题标题】：page-header and row alignment页眉和行对齐
【发布时间】：2017-03-11 14:29:24
【问题描述】：

Picture of the issue.

我正在学习如何使用 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>    

【问题讨论】：

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