<div class="card">
    <h5 class="card-header">Types</h5>
    <div class="card-body">
        <div class="demo-inline-spacing">
            <button type="button" class="btn btn-success" id="type-success">Success</button>
            <button type="button" class="btn btn-info" id="type-info">Info</button>
            <button type="button" class="btn btn-warning" id="type-warning">Warning</button>
            <button type="button" class="btn btn-danger" id="type-error">Error</button>
            <button type="button" class="btn btn-secondary" id="type-question">Question</button>
            <button type="button" class="btn btn-primary" id="auto-close">Auto Close</button>
            <button type="button" class="btn btn-primary" id="confirm-color">Alert</button>
        </div>
    </div>
</div>