Materialize Center Buttons Horozontally on grid
<p>I'm working on <a href="https://rapptor.co" rel="nofollow noreferrer">https://rapptor.co</a> . I have used Materialize as the framework and I'm making a login modal, I'm trying to center the buttons at the bottom of the modal with center-align, however It's not working.</p>

<pre><code>    &lt;!-- Modal Structure --&gt;
&lt;div id="modal1" class="modal"&gt;
    &lt;div class="modal-content"&gt;
        &lt;h4&gt;Login Details&lt;/h4&gt;

        &lt;div class="row"&gt;
            &lt;div class="input-field col s12"&gt;
                &lt;i class="material-icons prefix"&gt;person&lt;/i&gt;
                &lt;input id="first_name" type="text" class="validate"&gt;
                &lt;label for="first_name"&gt;Username/Email&lt;/label&gt;
            &lt;/div&gt;
            &lt;div class="input-field col s12"&gt;
                &lt;i class="material-icons prefix"&gt;security&lt;/i&gt;
                &lt;input id="first_name" type="password" class="validate"&gt;
                &lt;label for="first_name"&gt;Password&lt;/label&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
        &lt;div class="row" style="margin-bottom: -30px;"&gt;
            &lt;div class="col m4 s12"&gt;
                &lt;a href="#!" class="modal-action modal-close waves-effect waves-red btn-flat red lighten3"&gt;Close&lt;/a&gt;
            &lt;/div&gt;
            &lt;div class="col m4 s12"&gt;
                &lt;a href="#!" class="modal-action waves-effect waves-orange btn-flat orange lighten-3"&gt;Help&lt;/a&gt;
            &lt;/div&gt;
            &lt;div class="col m4 s12"&gt;
                &lt;a href="#!" class="modal-action waves-effect waves-green btn-flat green lighten-3"&gt;Login&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;          
    &lt;/div&gt;
&lt;/div&gt; 
</code></pre>

<p>Can anyone suggest anything for me to try?</p>

<p>Thanks!</p>