Skip to content

Commit fc70f78

Browse files
authored
Update README.md
1 parent 0459993 commit fc70f78

File tree

1 file changed

+13
-2
lines changed

1 file changed

+13
-2
lines changed

docs/markdown/misc/settings/README.md

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,16 +48,27 @@ WHen importing individual component plugins, you can specify a config as well (u
4848
config structure as above. YOu only need to provide configuration to the first component you
4949
import, but each successive config will be merged with the previous config provided.
5050

51-
Note breakppint names should only be defined before using any compoponents (as they are required
52-
to generate component breakpoint specific props).
51+
Note breakpoint names should be defined before using any compoponents as they are required
52+
to generate component breakpoint specific props. Once the component that has breakpoint specific
53+
props is used, andy subsequent changes to the breakpoints will not be reflected.
5354

5455
```js
5556
import Layout from 'bootstrap-vue/es/components/layout'
5657
import Alert from 'bootstrap-vue/es/components/alert'
5758
import Button from 'bootstrap-vue/es/components/button'
59+
5860
Vue.use(Layout, { breakpoints: ['xs', 'sm', 'lg', 'xl', 'xxl'] })
5961
Vue.use(Alert, { BAlert: { variant: 'danger' } })
6062
Vue.use(Button, { BButton: { variant: 'primary' } })
63+
64+
// OR
65+
Vue.use(Layout, {
66+
breakpoints: ['xs', 'sm', 'lg', 'xl', 'xxl'],
67+
{ BAlert: { variant: 'danger' } },
68+
{ BButton: { variant: 'primary' } }
69+
})
70+
Vue.use(Alert)
71+
Vue.use(Button)
6172
```
6273

6374
## Disabling BootstrapVue console warnings

0 commit comments

Comments
 (0)