diff options
| author | Johann-S <[email protected]> | 2019-04-11 16:50:06 +0200 |
|---|---|---|
| committer | Johann-S <[email protected]> | 2019-04-15 10:09:21 +0200 |
| commit | bff1c3a53de563c5451e2cf1cfa5afdfa70be0b0 (patch) | |
| tree | cb340ba173b7b4bd7c5dda338ad9112c902f3278 | |
| parent | b1b5e87d65cceba094322d13147f0158ad9b2e19 (diff) | |
| download | bootstrap-bff1c3a53de563c5451e2cf1cfa5afdfa70be0b0.tar.xz bootstrap-bff1c3a53de563c5451e2cf1cfa5afdfa70be0b0.zip | |
change how bootstrap can be imported in bundlers
| -rw-r--r-- | site/content/docs/4.3/getting-started/webpack.md | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/site/content/docs/4.3/getting-started/webpack.md b/site/content/docs/4.3/getting-started/webpack.md index 98f80b68b..6a8963ad1 100644 --- a/site/content/docs/4.3/getting-started/webpack.md +++ b/site/content/docs/4.3/getting-started/webpack.md @@ -1,7 +1,7 @@ --- layout: docs -title: Webpack -description: Learn how to include Bootstrap in your project using Webpack. +title: Webpack and bundlers +description: Learn how to include Bootstrap in your project using Webpack or other bundlers. group: getting-started toc: true --- @@ -15,13 +15,14 @@ toc: true Import [Bootstrap's JavaScript]({{< docsref "/getting-started/javascript" >}}) by adding this line to your app's entry point (usually `index.js` or `app.js`): {{< highlight js >}} -import 'bootstrap'; +// You can specify which plugins you need +import { Tooltip, Toast, Popover } from 'bootstrap'; {{< /highlight >}} -Alternatively, you may **import plugins individually** as needed: +Alternatively, if you only need just a few of our plugins, you may **import plugins individually** as needed: {{< highlight js >}} -import 'bootstrap/js/dist/alert'; +import Alert from 'bootstrap/js/dist/alert'; ... {{< /highlight >}} |
