Skip to content

Commit 1f7d10e

Browse files
mrholekmrholek
committed
Merge branch 'main' of https://github.com/coreui/coreui 
2 parents c66f29b + 654e976 commit 1f7d10e

32 files changed

+172
-0
lines changed

‎README.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,20 @@
1919
<a href="https://coreui.io/blog/">Blog</a>
2020
</p>
2121

22+
## CoreUI vs Bootstrap
23+
24+
CoreUI is fully compatible with Bootstrap, but it’s more than just a theme or UI extension — it’s a professionally developed and maintained system that addresses many of the limitations developers face with Bootstrap alone.
25+
26+
**Key differences between CoreUI and Bootstrap:**
27+
28+
* ✅ **Framework-native versions** – CoreUI offers official libraries for [React.js](https://coreui.io/react/), [Vue.js](https://coreui.io/vue/), and [Angular](https://coreui.io/angular/), while Bootstrap depends on third-party community plugins for framework integration.
29+
* 👨‍💻 **Full-time maintained project** – CoreUI is not a community-only initiative. It’s developed by a dedicated, full-time team focused on long-term evolution and support.
30+
* 📦 **More built-in components** – CoreUI includes many components not present in Bootstrap by default, such as range sliders, multi-selects, and step-based form wizards.
31+
* 🛠️ **Sass Modules support today** – CoreUI already supports Sass Modules out of the box, a feature that Bootstrap plans to introduce in version 6.
32+
* 🌍 **Modern RTL/LTR support** – CoreUI uses CSS logical properties to provide seamless RTL and LTR layout support for multilingual and internationalized apps.
33+
* 🔒 **Long-Term Support (LTS)** – While Bootstrap 3 & 4 LTS is now a paid service via [HeroDevs](https://www.herodevs.com/support/nes-bootstrap?utm_source=Bootstrap_site&utm_medium=Banner&utm_campaign=v3and4_eol), CoreUI continues to offer long-term support without additional cost.
34+
35+
Whether you're starting a new project or migrating from Bootstrap, CoreUI gives you a powerful upgrade path with more features, framework bindings, and peace of mind for long-term maintainability.
2236

2337
## Table of contents
2438

‎docs/content/components/accordion.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ aliases:
1212
toc: true
1313
bootstrap: true
1414
other_frameworks: accordion
15+
# schema:
16+
# description: Documentation and usage examples for Bootstrap Accordion component built with CoreUI.
17+
# headline: Bootstrap Accordion Component – Usage & Examples
18+
# keywords: Accordion, Bootstrap, Component, CoreUI
1519
---
1620

1721
## How it works
@@ -166,4 +170,9 @@ Accordions use local CSS variables on .accordion for enhanced real-time customiz
166170
{{< scss-docs name="accordion-css-vars" file="scss/_accordion.scss" >}}
167171

168172
### SASS variables
173+
169174
{{< scss-docs name="accordion-variables" file="scss/_variables.scss" >}}
175+
176+
{{< markdown >}}
177+
{{< coreui-vs-bootstrap component="Accordion" >}}
178+
{{< /markdown >}}

‎docs/content/components/alerts.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -262,3 +262,7 @@ Used alongside `$alert-variants` to create contextual modifier classes for our a
262262
Loop that creates the modifier classes with the `alert-variant()` mixin.
263263

264264
{{< scss-docs name="alert-modifiers" file="scss/_alert.scss" >}}
265+
266+
{{< markdown >}}
267+
{{< coreui-vs-bootstrap component="Alert" >}}
268+
{{< /markdown >}}

‎docs/content/components/badge.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,3 +103,7 @@ Badges use local CSS variables on `.badge` for enhanced real-time customization.
103103
### SASS variables
104104

105105
{{< scss-docs name="badge-variables" file="scss/_variables.scss" >}}
106+
107+
{{< markdown >}}
108+
{{< coreui-vs-bootstrap component="Badge" >}}
109+
{{< /markdown >}}

‎docs/content/components/breadcrumb.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,3 +114,6 @@ Breadcrumbs use local CSS variables on `.breadcrumb` for enhanced real-time cust
114114

115115
{{< scss-docs name="breadcrumb-variables" file="scss/_variables.scss" >}}
116116

117+
{{< markdown >}}
118+
{{< coreui-vs-bootstrap component="Breadcrumb" >}}
119+
{{< /markdown >}}

‎docs/content/components/button-group.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -270,3 +270,7 @@ Create a set of buttons that appear vertically stacked rather than horizontally.
270270
<label class="btn btn-outline-danger" for="vbtn-radio3">Radio 3</label>
271271
</div>
272272
{{< /example >}}
273+
274+
{{< markdown >}}
275+
{{< coreui-vs-bootstrap component="Button Group" >}}
276+
{{< /markdown >}}

‎docs/content/components/buttons.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -359,3 +359,7 @@ There are three mixins for buttons: button and button outline variant mixins, pl
359359
Button variants (for regular and outline buttons) use their respective mixins with our `$theme-colors` map to generate the modifier classes in `scss/_buttons.scss`.
360360

361361
{{< scss-docs name="btn-variant-loops" file="scss/_buttons.scss" >}}
362+
363+
{{< markdown >}}
364+
{{< coreui-vs-bootstrap component="Button" >}}
365+
{{< /markdown >}}

‎docs/content/components/card.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -758,3 +758,6 @@ Cards use local CSS variables on `.card` for enhanced real-time customization. V
758758

759759
{{< scss-docs name="card-variables" file="scss/_variables.scss" >}}
760760

761+
{{< markdown >}}
762+
{{< coreui-vs-bootstrap component="Card" >}}
763+
{{< /markdown >}}

‎docs/content/components/carousel.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -393,3 +393,7 @@ Variables for all carousels:
393393
Variables for the [dark carousel](#dark-variant):
394394

395395
{{< scss-docs name="carousel-dark-variables" file="scss/_variables.scss" >}}
396+
397+
{{< markdown >}}
398+
{{< coreui-vs-bootstrap component="Carousel" >}}
399+
{{< /markdown >}}

‎docs/content/components/close-button.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,3 +50,7 @@ Add `data-coreui-theme="dark"` to the `.btn-close`, or to its parent element, to
5050
### SASS variables
5151

5252
{{< scss-docs name="close-variables" file="scss/_variables.scss" >}}
53+
54+
{{< markdown >}}
55+
{{< coreui-vs-bootstrap component="Close Button" >}}
56+
{{< /markdown >}}

0 commit comments

Comments
 (0)