aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJohann-S <[email protected]>2019-04-11 16:50:06 +0200
committerJohann-S <[email protected]>2019-04-15 10:09:21 +0200
commitbff1c3a53de563c5451e2cf1cfa5afdfa70be0b0 (patch)
treecb340ba173b7b4bd7c5dda338ad9112c902f3278
parentb1b5e87d65cceba094322d13147f0158ad9b2e19 (diff)
downloadbootstrap-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.md11
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 >}}