title: Bootstrap Forms/ Buttons Side by Side
body: <p>I am trying to get the two forms/ buttons side by side. 
  My HTML (Bootstrap) code is as follows:</p>
  
  <pre><code>&lt;form role="form" action="delete.php" method="post"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;input type="hidden" name="delete_id" value="&lt;?php echo $row['ID']; ?&gt;" /&gt;
                  &lt;/div&gt;
                  &lt;button type="submit" class="btn btn-danger"&gt;Delete Post&lt;/button&gt;
              &lt;/form&gt;
  
              &lt;form role="form" action="edit.php" method="post"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;input type="hidden" name="edit" value="&lt;?php echo $row['ID']; ?&gt;" /&gt;
                  &lt;/div&gt;
                  &lt;button type="submit" class="btn btn-info"&gt;Edit Post&lt;/button&gt;
              &lt;/form&gt;
  </code></pre>
  
  <p>On the user end, it is displayed as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/GBAym.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GBAym.png" alt="enter image description here"></a></p>
  
  <p>I am trying to get them side by side on the user-end. Thanks</p>