8000 docs: update content · coreui/coreui@ea13655 · GitHub
[go: up one dir, main page]

Skip to content

Commit ea13655

Browse files
committed
docs: update content
1 parent 5a86f47 commit ea13655

File tree

1 file changed

+15
-17
lines changed

1 file changed

+15
-17
lines changed

docs/content/getting-started/introduction.md

Lines changed: 15 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -14,34 +14,29 @@ toc: true
1414

1515
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" >}}).
1616

17-
1817
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.
1918

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
2520

2621
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
2722

2823
```html
2924
<link href="{{< param "cdn.css" >}}" rel="stylesheet" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
3025
```
3126

32-
#### JS
27+
### JS
3328

3429
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.
3530

36-
##### Bundle
31+
#### Bundle
3732

3833
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.
3934

4035
```html
4136
<script src="{{< param "cdn.js_bundle" >}}" integrity="{{< param "cdn.js_bundle_hash" >}}" crossorigin="anonymous"></script>
4237
```
4338

44-
##### Separate
39+
#### Separate
4540

4641
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.
4742

@@ -50,11 +45,11 @@ If you decide to go with the separate scripts solution, Popper must come first (
5045
<script src="{{< param "cdn.js" >}}" integrity="{{< param "cdn.js_hash" >}}" crossorigin="anonymous"></script>
5146
```
5247

53-
##### Modules
48+
#### Modules
5449

5550
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.
5651

57-
##### Components
52+
#### Components
5853

5954
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.
6055

@@ -75,27 +70,30 @@ Curious which components explicitly require our JavaScript and Popper? Click the
7570
{{< /markdown >}}
7671
</details>
7772

78-
### Bootstrap Replacement
73+
## Bootstrap Replacement
7974

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.
8179

8280
{{< bootstrap-compatibility >}}
8381

84-
#### CSS
82+
### CSS
8583

8684
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
8785

8886
```html
8987
<link href="{{< param "cdn.css_bs" >}}" rel="stylesheet" integrity="{{< param "cdn.css_bs_hash" >}}" crossorigin="anonymous">
9088
```
9189

92-
#### JS
90+
### JS
9391

9492
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.
9593

96-
##### Bundle
94+
#### Bundle
9795

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.
9997

10098
```html
10199
<script src="{{< param "cdn.js_bs_bundle" >}}" integrity="{{< param "cdn.js_bs_bundle_hash" >}}" crossorigin="anonymous"></script>

0 commit comments

Comments
 (0)
0