带有引导的html和php中的表和按钮

在这个必须打印一个表和3个按钮的代码中，3个按钮显示在表的上方，但我希望它们位于表的下方。我能修什么？ 我如何在线打印它们？我尝试了一个内嵌样式显示的div，但没有成功

echo "<div class='container'>";
    echo "<br>";
    echo "<table class='table table-hover' style='border: 1px solid black; margin-left:auto; margin-right:auto;'><caption><h2>Esperienze di Lavoro</h2>
</caption> <thead> <tr>";
    echo "<th style='border: 1px solid black;'> Username </th><th style='border: 1px solid black;'> Password </th><th style='border: 1px solid black;'> Nome </th> <th style='border: 1px solid black;'> Cognome </th> <th style='border: 1px solid black;'> Data di Nascita </th> <th style='border: 1px solid black;'> Email </th> <th style='border: 1px solid black;'> Foto </th>";
    echo "</tr> </thead> <tbody> <tr>";
    echo "<td style='border: 1px solid black;'>".$_COOKIE["username"]."</td>";
    echo "<td style='border: 1px solid black;'>".$_COOKIE["password"]."</td>";
    echo "<td style='border: 1px solid black;'>".$_COOKIE["name"]."</td>";
    echo "<td style='border: 1px solid black;'>".$_COOKIE["surname"]."</td>";
    echo "<td style='border: 1px solid black;'>".$_COOKIE["birth"]."</td>";
    echo "<td style='border: 1px solid black;'>".$_COOKIE["mail"]."</td>";
    echo "<td style='border: 1px solid black;'><img src=".$_COOKIE["foto"]." style='width:128px;height:128px;'></td>";
    echo "</tr></tbody</table>";
    echo "
    <div class='form-group'>        
  <div class='col-sm-offset-2 col-sm-10'><button type='button' name='mod_nome' class='btn btn-primary' onclick='Funzione1()';>Modifica Informazioni</button></div>
</div>";
    echo "<div class='form-group'>        
  <div class='col-sm-offset-2 col-sm-10'><button type='button' name='studio' class='btn btn-primary' onclick='Funzione2()';>Aggiungi Esperienze </button></div>
</div>";
    echo "
<div class='form-group'>        
  <div class='col-sm-offset-2 col-sm-10'> <button type='button' name='comp' onclick='Funzione7()' class='btn btn-primary';>Compagnie in cui i nostri iscritti lavorano</button></div>
</div>";

---

我正在使用引导程序。

您的按钮代码很好，只需关闭即可

要对齐按钮

<style>
#btnSearch,
#btnClear{
    display: inline-block;
    vertical-align: top;
}
</style>       
<div class="row">
    <div class="col-sm-12 text-center">
        <button id="btnSearch" class="btn btn-primary btn-md center-block" Style="width: 100px;">button-1</button>
         <button id="btnClear" class="btn btn-danger btn-md center-block" Style="width: 100px;">button-2</button>
         <button id="btnClear" class="btn btn-danger btn-md center-block" Style="width: 100px;">button-3</button>
     </div>
</div>

---

好的，完美，第二个问题？

<style>
#btnSearch,
#btnClear{
    display: inline-block;
    vertical-align: top;
}
</style>       
<div class="row">
    <div class="col-sm-12 text-center">
        <button id="btnSearch" class="btn btn-primary btn-md center-block" Style="width: 100px;">button-1</button>
         <button id="btnClear" class="btn btn-danger btn-md center-block" Style="width: 100px;">button-2</button>
         <button id="btnClear" class="btn btn-danger btn-md center-block" Style="width: 100px;">button-3</button>
     </div>
</div>