Example: Badge

Primary Secondary Info Success Warning Danger Light Dark

Copy
                                    
                                        <span class="badge bg-primary">Text</span>
<span class="badge bg-secondary">Text</span>
<span class="badge bg-info">Text</span>
<span class="badge bg-success">Text</span>
<span class="badge bg-warning">Text</span>
<span class="badge bg-danger">Text</span>
<span class="badge bg-light">Text</span>
<span class="badge bg-dark">Text</span>



Example: Badge Pill

Primary Secondary Info Success Warning Danger Light Dark

Copy
                                    
                                        <span class="badge badge-pill bg-primary">Text</span>
<span class="badge badge-pill bg-secondary">Text</span>
<span class="badge badge-pill bg-info">Text</span>
<span class="badge badge-pill bg-success">Text</span>
<span class="badge badge-pill bg-warning">Text</span>
<span class="badge badge-pill bg-danger">Text</span>
<span class="badge badge-pill bg-light">Text</span>
<span class="badge badge-pill bg-dark">Text</span>



Example: Badge New

NEW

Copy
                                    
                                        <span class="badge badge-new">NEW</span>
                                    
                                


© Interactive Brokers LLC