中心colums物化

Question

我有這樣的HTML代碼：

<div id="login-page" class="row"> 
    <div class="col s12 m6 l4 z-depth-6 card-panel teal"> 
     <h1>Hi</h1><br/> 
    </div> 
</div> 

我想L4和M6中心柱。 s12很好，但是l4總是在大屏幕上留在左邊。我怎樣才能將這些列中心？

Answer 1

嘗試增加類offset-m3和offset-l4到您的div：

<div id="login-page" class="row"> 
    <div class="col s12 m6 offset-m3 l4 offset-l4 z-depth-6 card-panel teal"> 
     <h1>Hi</h1><br/> 
    </div> 
</div>