How to centralize a card panel in materialize css?

Navigation
3

I have the following login form inside a card panel:

WhatcouldIdotocentermycardonthepage?

ThisisthecodeIhavesofar:

<divclass="input-field col s12">
  <input id="user_name" type="text" class="validate" required>
  <label for="user_name">Usuário</label>
</div>

<div class="input-field col s12">
  <input id="password" type="password" class="validate" required>
  <label for="password">Senha</label>
</div>

<div class="switch">
  <label>
    <input type="checkbox">
    <span class="lever"></span> Mantanha-me conectado
  </label>
</div>

<div class="input-field col s12">
  <br>
</div>

<div class="input-field col s12">
  <button class="waves-effect waves-light btn" type="submmit">Login
  </button>
</div>

<div class="input-field col s12">
  <a href="#">Ainda não é membro? Crie já uma conta!</a>
</div>
    
asked by anonymous 22.03.2016 / 22:16

1 answer

3

You can use offset to help you with this task: 

<div class="row">
  <div class="col s4 offset-s4 card">
    <!-- SEUS FIELDS -->
  </div>
</div>

22.03.2016 / 22:51
Formatting values in the house of millions What is the name of the resource / term that expands a code snippet between braces?