Two buttons in different forms side by side
<p>i have two forms. One form for login and the other form for reset the password.
Now i want to set the both buttons (login, password reset) side by side.</p>

<p>But i don't know, how to do that. </p>

<p><img src="https://i.stack.imgur.com/cs2YG.png" alt="Here is a picture of my layout">
And here is my code:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="login" method="POST"&gt;
 &lt;div class="row"&gt;
  &lt;div class="col-md-2"&gt;Username:&lt;/div&gt;
  &lt;div class="col-md-4 input-group input-group-sm"&gt;
   &lt;span class="input-group-addon" id="important"&gt;
              &lt;span class="glyphicon glyphicon-play" /&gt;
              &lt;input class="form-control" type="text" name="username" id="username" aria-describedby="important" /&gt;
            &lt;/span&gt;
  &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
  &lt;div class="col-md-2"&gt;Passwort:&lt;/div&gt;
  &lt;div class="col-md-4 input-group input-group-sm"&gt;
          &lt;span class="input-group-addon" id="important"&gt;
   &lt;span class="glyphicon glyphicon-play" /&gt;
            &lt;input class="form-control" type="password" name="password" id="password" aria-describedby="important" /&gt;
          &lt;/span&gt;
  &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
  &lt;div class="col-md-2 input-group-sm"&gt;
   &lt;input type="submit" class="form-control btn-default" value="Login" /&gt;
  &lt;/div&gt;
 &lt;/div&gt;
&lt;/form&gt;
&lt;form action="reset" method="POST"&gt;
 &lt;div class="row"&gt;
  &lt;div class="col-md-2 input-group-sm"&gt;
   &lt;input class="form-control btn-default" type="submit" value="Passwort vergessen" /&gt;
  &lt;/div&gt;
 &lt;/div&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>

<p>I hope you can help me.</p>