- Sobre
- Instalação
- Exemplo
Css
- Grid
- Imagens
- Tabelas
- Estilos
Componentes
- Cabeçalhos
- Botões
- Forms
- Cards
- Rodapé
Javascript
- Menu lateral
- Modais
- Slider
A principal característica do card é que eles se adaptam perfeitamente às colunas. Então para criar um card, precisa criá-lo dentro de um objeto com classe col, dentro de um objeto com classe row.
Example
<div class='row'>
<div class='col s12'>
<div class='card'>
<p>Example</p>
</div>
</div>
</div>
Para adicionar sombra ao card, inclua a classe box-shadow.
Example
<div class='row'>
<div class='col s12'>
<div class='card box-shadow'>
<p>Example</p>
</div>
</div>
</div>
Para colocar um card lado a lado com outro, estruture-os da seguinte forma:
Example
Example
<div class='row'>
<div class='col s12 m6'>
<div class='card box-shadow'>
<p>Example</p>
</div>
</div>
<div class='col s12 m6'>
<div class='card box-shadow'>
<p>Example</p>
</div>
</div>
</div>
Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus. Lorem ipsum dolor sit amet o mecius alcnat le nuc ainstor mictrus.