You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/content/getting-started/introduction.md
+15-17Lines changed: 15 additions & 17 deletions
Original file line number
Diff line number
Diff line change
@@ -14,34 +14,29 @@ toc: true
14
14
15
15
Looking to quickly add CoreUI for Bootstrap to your project? Use jsDelivr, a free open source CDN. Using a package manager or need to download the source files? [Head to the downloads page]({{< docsref "/getting-started/download" >}}).
16
16
17
-
18
17
CoreUI was created as an extension to Bootstrap, allowing it to be used both as a standalone library and as a replacement for the currently utilized Bootstrap in your project.
19
18
20
-
### Standalone Library
21
-
22
-
CoreUI serves as an independent library, perfect for creating web UIs without Bootstrap. It provides a broad range of customizable components, enabling unique designs with high performance. Ideal for projects seeking a versatile UI toolkit.
23
-
24
-
#### CSS
19
+
### CSS
25
20
26
21
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
Many of our components require the use of JavaScript to function. Specifically, they require our own JavaScript plugins and [Popper](https://popper.js.org/). Place **one of the following `<script>`s** near the end of your pages, right before the closing `</body>` tag, to enable them.
35
30
36
-
#####Bundle
31
+
#### Bundle
37
32
38
33
Include every CoreUI for Bootstrap JavaScript plugin and dependency with one of our two bundles. Both `coreui.bundle.js` and `coreui.bundle.min.js` include [Popper](https://popper.js.org/) for our tooltips and popovers. For more information about what's included in CoreUI, please see our [contents]({{< docsref "/getting-started/contents#precompiled-coreui" >}}) section.
If you decide to go with the separate scripts solution, Popper must come first (if you're using tooltips or popovers), and then our JavaScript plugins.
47
42
@@ -50,11 +45,11 @@ If you decide to go with the separate scripts solution, Popper must come first (
If you use `<script type="module">`, please refer to our [using CoreUI for Bootstrap as a module]({{< docsref "/getting-started/javascript#using-coreui-as-a-module" >}}) section.
56
51
57
-
#####Components
52
+
#### Components
58
53
59
54
Curious which components explicitly require our JavaScript and Popper? Click the show components link below. If you're at all unsure about the general page structure, keep reading for an example page template.
60
55
@@ -75,27 +70,30 @@ Curious which components explicitly require our JavaScript and Popper? Click the
75
70
{{< /markdown >}}
76
71
</details>
77
72
78
-
###Bootstrap Replacement
73
+
## Bootstrap Replacement
79
74
80
-
CoreUI enhances Bootstrap projects by adding advanced components and features, offering a smooth upgrade with minimal adjustments. It retains Bootstrap's familiar structure while introducing new possibilities for UI development.
75
+
{{< added-in "5.0.0-rc.2" >}}
76
+
77
+
78
+
If you're currently using Bootstrap in your project or want to maintain full compatibility with Bootstrap, check out how you can add CoreUI for Bootstrap to your project. CoreUI enhances Bootstrap projects by adding advanced components and features, offering a smooth upgrade with minimal adjustments. It retains Bootstrap's familiar structure while introducing new possibilities for UI development.
81
79
82
80
{{< bootstrap-compatibility >}}
83
81
84
-
####CSS
82
+
### CSS
85
83
86
84
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
Many of our components require the use of JavaScript to function. Specifically, they require our own JavaScript plugins and [Popper](https://popper.js.org/). Place **one of the following `<script>`s** near the end of your pages, right before the closing `</body>` tag, to enable them.
95
93
96
-
#####Bundle
94
+
#### Bundle
97
95
98
-
Include every CoreUI for Bootstrap JavaScript plugin and dependency with one of our two bundles. Both `coreui.bundle.js` and `coreui.bundle.min.js` include [Popper](https://popper.js.org/) for our tooltips and popovers. For more information about what's included in CoreUI, please see our [contents]({{< docsref "/getting-started/contents#precompiled-coreui" >}}) section.
96
+
Include every CoreUI for Bootstrap JavaScript plugin and dependency with one of our two bundles. Both `bootstrap.bundle.js` and `bootstrap.bundle.min.js` include [Popper](https://popper.js.org/) for our tooltips and popovers.
0 commit comments