中心列实现

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>