From: Johann-S <johann.servoire@gmail.com>
Date: Thu, 11 Apr 2019 14:50:06 +0000 (+0200)
Subject: change how bootstrap can be imported in bundlers
X-Git-Tag: v5.0.0-alpha1~1153
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bff1c3a53de563c5451e2cf1cfa5afdfa70be0b0;p=thirdparty%2Fbootstrap.git

change how bootstrap can be imported in bundlers
---

diff --git a/site/content/docs/4.3/getting-started/webpack.md b/site/content/docs/4.3/getting-started/webpack.md
index 98f80b68b4..6a8963ad18 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 >}}