Toastr
Container flutuante para alertas e mensagens.
Por padrão posicionado na parte superior direita da tela.
Container flutuante para alertas e mensagens.
Por padrão posicionado na parte superior direita da tela.
<div style="position: relative; height: 400px">
<div class="toastr" style="position: absolute;">
<div class="alert alert-danger">
<i class="icon material-icons">info</i>
Tipo de alerta de Erro!
<button class="close"><i class="material-icons">close</i></button>
</div>
</div>
<div class="toastr top-center" style="position: absolute;">
<div class="alert alert-danger">
<i class="icon material-icons">info</i>
Tipo de alerta de Erro!
<button class="close"><i class="material-icons">close</i></button>
</div>
</div>
<div class="toastr top-left" style="position: absolute;">
<div class="alert alert-danger">
<i class="icon material-icons">info</i>
Tipo de alerta de Erro!
<button class="close"><i class="material-icons">close</i></button>
</div>
</div>
<div class="toastr bottom-right" style="position: absolute;">
<div class="alert alert-danger">
<i class="icon material-icons">info</i>
Tipo de alerta de Erro!
<button class="close"><i class="material-icons">close</i></button>
</div>
</div>
<div class="toastr bottom-center" style="position: absolute;">
<div class="alert alert-danger">
<i class="icon material-icons">info</i>
Tipo de alerta de Erro!
<button class="close"><i class="material-icons">close</i></button>
</div>
</div>
<div class="toastr bottom-left" style="position: absolute;">
<div class="alert alert-danger">
<i class="icon material-icons">info</i>
Tipo de alerta de Erro!
<button class="close"><i class="material-icons">close</i></button>
</div>
</div>
</div>