Farb- & Quadratbeispiele
primary
secondary
intro
success
tertiary
accent
Read More <a href="#" class="btn btn-light"> Read More <i class="fa-solid fa-circle-arrow-right text-white"></i> </a>
text-bg-color-primary
text-bg-color-secondary
text-bg-color-intro
text-bg-color-success
text-bg-color-tertiary
text-bg-color-accent
Light with contrasting color
Dark with contrasting color
Standard Buttons
Read More <a href="#" class="btn btn-light"> Read More <i class="fa-solid fa-circle-arrow-right text-white"></i> </a>
Icon Buttons
Icon buttons with text and icons
Icon badge
Link only with icon button
Bootstrap Breakpoints & Visibility
| Screen size | Class |
|---|---|
| Hidden on all | .d-none |
| Visible only on xs | .d-block .d-sm-none |
| Visible only on md | .d-none .d-md-block .d-lg-none |
Container Sizes
| Class | xs (<576px) | sm (≥576px) | md (≥768px) | lg (≥992px) | xl (≥1200px) | xxl (≥1400px) |
|---|---|---|---|---|---|---|
.container |
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-fluid |
100% | 100% | 100% | 100% | 100% | 100% |
