OktoStrap

OktoStrap

Toastr

Container flutuante para alertas e mensagens.

Por padrão posicionado na parte superior direita da tela.

info Tipo de alerta de Erro!
info Tipo de alerta de Erro!
info Tipo de alerta de Erro!
info Tipo de alerta de Erro!
info Tipo de alerta de Erro!
info Tipo de alerta de Erro!
<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>