aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.1/getting-started
diff options
context:
space:
mode:
authorXhmikosR <[email protected]>2021-09-09 15:01:58 +0300
committerGitHub <[email protected]>2021-09-09 15:01:58 +0300
commite961454738f4033eb2be68bde4b257ea9e0a7765 (patch)
tree507ca252e706a9c692b133b6e18fb8504c488837 /site/content/docs/5.1/getting-started
parent86d5d5ea79e8eaa15a28b9da92bbee53036640f6 (diff)
parent1df098361cac04217d6a464c80e890c4335ecb5c (diff)
downloadbootstrap-main-xmr-docs-render-heading.tar.xz
bootstrap-main-xmr-docs-render-heading.zip
Merge branch 'main' into main-xmr-docs-render-headingmain-xmr-docs-render-heading
Diffstat (limited to 'site/content/docs/5.1/getting-started')
-rw-r--r--site/content/docs/5.1/getting-started/rfs.md6
-rw-r--r--site/content/docs/5.1/getting-started/webpack.md10
2 files changed, 10 insertions, 6 deletions
diff --git a/site/content/docs/5.1/getting-started/rfs.md b/site/content/docs/5.1/getting-started/rfs.md
index f440924d1..5aa6840a4 100644
--- a/site/content/docs/5.1/getting-started/rfs.md
+++ b/site/content/docs/5.1/getting-started/rfs.md
@@ -8,13 +8,13 @@ toc: true
## What is RFS?
-Bootstrap's side project [RFS](https://github.com/twbs/rfs/tree/v{{< param "rfs_version" >}}) is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like `margin`, `padding`, `border-radius`, or even `box-shadow`.
+Bootstrap's side project [RFS](https://github.com/twbs/rfs/tree/{{< param "rfs_version" >}}) is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like `margin`, `padding`, `border-radius`, or even `box-shadow`.
The mechanism automatically calculates the appropriate values based on the dimensions of the browser viewport. It will be compiled into `calc()` functions with a mix of `rem` and viewport units to enable the responsive scaling behavior.
## Using RFS
-The mixins are included in Bootstrap and are available once you include Bootstrap's `scss`. RFS can also be [installed standalone](https://github.com/twbs/rfs/tree/v{{< param "rfs_version" >}}#installation) if needed.
+The mixins are included in Bootstrap and are available once you include Bootstrap's `scss`. RFS can also be [installed standalone](https://github.com/twbs/rfs/tree/{{< param "rfs_version" >}}#installation) if needed.
### Using the mixins
@@ -83,4 +83,4 @@ In this example, we use one of Bootstrap's built-in [responsive breakpoint mixin
## Extended documentation
-RFS is a separate project under the Bootstrap organization. More about RFS and its configuration can be found on its [GitHub repository](https://github.com/twbs/rfs/tree/v{{< param "rfs_version" >}}).
+RFS is a separate project under the Bootstrap organization. More about RFS and its configuration can be found on its [GitHub repository](https://github.com/twbs/rfs/tree/{{< param "rfs_version" >}}).
diff --git a/site/content/docs/5.1/getting-started/webpack.md b/site/content/docs/5.1/getting-started/webpack.md
index 6998e1e99..b87460ebe 100644
--- a/site/content/docs/5.1/getting-started/webpack.md
+++ b/site/content/docs/5.1/getting-started/webpack.md
@@ -15,15 +15,19 @@ 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`):
```js
-// You can specify which plugins you need
-import { Tooltip, Toast, Popover } from 'bootstrap';
+import 'bootstrap';
+
+// or get all of the named exports for further usage
+import * as bootstrap from 'bootstrap';
```
Alternatively, if you only need just a few of our plugins, you may **import plugins individually** as needed:
```js
import Alert from 'bootstrap/js/dist/alert';
-...
+
+// or, specify which plugins you need:
+import { Tooltip, Toast, Popover } from 'bootstrap';
```
Bootstrap depends on [Popper](https://popper.js.org/), which is specified in the `peerDependencies` property.