mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
Document that tabler.js already includes Bootstrap (#3103)
This commit is contained in:
1 parent
9268348a7e
commit
5a735bc049
2 files changed
+21
No files matched your search
@@ -0,0 +1,5 @@
|
||||
---
|
||||
"@tabler/docs": patch
|
||||
---
|
||||
|
||||
Added a note to the installation docs that `tabler.js` already includes Bootstrap and must not be loaded next to it.
|
||||
@@ -72,4 +72,20 @@ Save the file and open it in your browser. You should see your first page styled
|
||||
|
||||
</Steps>
|
||||
|
||||
## Bootstrap is already included
|
||||
|
||||
Tabler's JavaScript file contains Bootstrap's JavaScript. Do not load `bootstrap.bundle.js` or `import 'bootstrap'` next to it.
|
||||
|
||||
<Warning title="Load Bootstrap only once">
|
||||
With two copies on the page, every `data-bs-toggle` element gets two handlers. One click then opens two backdrops for a modal or an offcanvas, and dropdowns and tooltips open twice.
|
||||
</Warning>
|
||||
|
||||
Use the components that Tabler exposes instead. With the script tag they are on the `tabler` global, for example `tabler.Modal` or `tabler.Offcanvas`. With a bundler, import them from the package:
|
||||
|
||||
```js
|
||||
import { Modal, Offcanvas } from '@tabler/core'
|
||||
```
|
||||
|
||||
If you need your own copy of Bootstrap's JavaScript, load only Tabler's CSS and leave `tabler.js` out.
|
||||
|
||||
If you want to see what's possible, the demo pages at [preview.tabler.io](https://preview.tabler.io) show every layout and component in use. The rest of this documentation covers each of them in detail.
|
||||
Reference in new issue
Block a user