Центральные столбцы

У меня есть этот 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 всегда остается слева на больших экранах. Как я могу центрировать эти столбцы?


materialize
person Daniel Vivas    schedule 29.02.2016    source источник

Ответы (1)


arrow_upward
8
arrow_downward

Попробуйте добавить классы 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>
person Redtama    schedule 29.02.2016