diff options
Diffstat (limited to 'site/content/docs/5.1/getting-started')
| -rw-r--r-- | site/content/docs/5.1/getting-started/rfs.md | 6 | ||||
| -rw-r--r-- | site/content/docs/5.1/getting-started/webpack.md | 10 |
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. |