Header
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

<div class="alert alert-danger">
    <div class="alert-item">
        <span class="alert-text">
            ...
        </span>
        <div class="alert-actions">
            <div class="alert-action dropdown bottom-right">
            <button class="dropdown-toggle">
                Actions
                <clr-icon shape="caret down"></clr-icon>
            </button>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="...">Shutdown</a>
                    <a class="dropdown-item" href="...">Suspend</a>
                    <a class="dropdown-item" href="...">Reboot</a>
                </div>
            </div>
        </div>
    </div>
    <div class="alert-item">
        <span class="alert-text">
            ...
        </span>
        <div class="alert-actions">
            <div class="alert-action dropdown bottom-right">
                <button class="dropdown-toggle">
                    Actions
                    <clr-icon shape="caret down"></clr-icon>
                </button>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="...">Shutdown</a>
                    <a class="dropdown-item" href="...">Suspend</a>
                    <a class="dropdown-item" href="...">Reboot</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="alert alert-warning">
    <button type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <div class="alert-item">
        <span class="alert-text">
            ...
        </span>
        <div class="alert-actions">
            <div class="alert-action dropdown bottom-right open">
                <button class="dropdown-toggle">
                    Actions
                    <clr-icon shape="caret down"></clr-icon>
                </button>
                <div class="dropdown-menu">
                    <a class="dropdown-item" href="...">Shutdown</a>
                    <a class="dropdown-item" href="...">Suspend</a>
                    <a class="dropdown-item" href="...">Reboot</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="alert alert-info">
    <button type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
    <div class="alert-item">
        <span class="alert-text">
            ...
        </span>
        <div class="alert-actions">
            <a href="..." class="alert-action">Acknowledge</a>
            <a href="..." class="alert-action">Reset to green</a>
        </div>
    </div>
</div>
<div class="alert alert-success">
    <div class="alert-item">
        <span>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
        </span>
    </div>
</div>