Make buttons appear in the middle of the page bootstrap
<p>Hi guys i have 2 buttons right now: </p>

<pre><code> &lt;a href="GAME1/index.html" class="btn btn-warning" style ="margin-left: 500px;"&gt;1 Player&lt;/a&gt;
  &lt;a href="GAME4/index.html" class="btn btn-warning"&gt;2 Players&lt;/a&gt;
</code></pre>

<p>Trying to make them appear in the middle of my page, however i am sure using things like margin-left 500px is not good coding, i was wondering what is the best way to make them appear in the middle of the page and also 1 above the other , and change the size of the buttons and make them a little bigger</p>

<p>Thanks for the help </p>