I cant use Bootstrap "form-control" when using MaterializeCSS
<p>When I use MaterializeCSS, I can't use the <code>form-control</code> class of Bootstrap.</p>

<p>How can I solve this problem?</p>

<pre><code>&lt;div class="card card-panel col-lg-12 form-group" style="float:right;direction:rtl;"&gt;
    &lt;table&gt;
        &lt;tr&gt;
            &lt;td&gt;Name&lt;/td&gt;
            &lt;td&gt;&lt;input class="form-control" /&gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p>It show me this:</p>

<p><a href="https://i.stack.imgur.com/CtqwX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CtqwX.png" alt="enter image description here"></a></p>

<p>but I need this: </p>

<p><a href="https://i.stack.imgur.com/7nGtD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7nGtD.png" alt="enter image description here"></a></p>