Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit 01e6efa

Browse files
committed
docs: update bootstrap links to 5.3
1 parent 0a75ed0 commit 01e6efa

File tree

7 files changed

+16
-26
lines changed

7 files changed

+16
-26
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<a href="https://www.npmjs.com/package/bootstrap-vue-next">
1515
<img src="https://flat.badgen.net/npm/v/bootstrap-vue-next" alt="Current version">
1616
</a>
17-
<a href="https://getbootstrap.com/docs/5.0/getting-started/introduction/">
17+
<a href="https://getbootstrap.com/docs/5.3/getting-started/introduction/">
1818
<img src="https://flat.badgen.net/badge/bootstrap/5.3.x/563d7c" alt="Bootstrap version">
1919
</a>
2020
<a href="https://v3.vuejs.org/">

apps/docs/src/docs/components/accordion.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ The `<BAccordionItem>` uses the `<BCollapse>` component internally to make it co
2020

2121
<BAlert variant="info" :model-value="true" class="my-5">
2222

23-
The animation effect of this component is dependent on the prefers-reduced-motion media query. See the [reduced motion section of our accessibility documentation](https://getbootstrap.com/docs/5.0/getting-started/accessibility/#reduced-motion).
23+
The animation effect of this component is dependent on the prefers-reduced-motion media query. See the [reduced motion section of our accessibility documentation](https://getbootstrap.com/docs/5.3/getting-started/accessibility/#reduced-motion).
2424

2525
</BAlert>
2626

apps/docs/src/docs/components/button.md

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -200,7 +200,7 @@ Create responsive stacks of full-width, “block buttons” like those in Bootst
200200
</template>
201201
</HighlightCard>
202202

203-
**Note:** Bootstrap 5 no long supports the `.btn-block` class, so it's removed. Use bootstrap 5's utility classes to get the same effect. [See](https://getbootstrap.com/docs/5.0/components/buttons/#block-buttons).
203+
**Note:** Bootstrap 5 no long supports the `.btn-block` class, so it's removed. Use bootstrap 5's utility classes to get the same effect. [See](https://getbootstrap.com/docs/5.3/components/buttons/#block-buttons).
204204

205205
## Pill style
206206

@@ -331,12 +331,7 @@ To create a button that can be toggled between active and non-active states, use
331331
</p>
332332
<h5>In a button group</h5>
333333
<BButtonGroup size="sm">
334-
<BButton
335-
v-for="(btn, idx) in buttons"
336-
:key="idx"
337-
v-model:pressed="btn.state"
338-
variant="primary"
339-
>
334+
<BButton v-for="(btn, idx) in buttons" :key="idx" v-model:pressed="btn.state" variant="primary">
340335
{{ btn.caption }}
341336
</BButton>
342337
</BButtonGroup>

apps/docs/src/docs/components/form-group.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -381,7 +381,7 @@ the invalid feedback to show when using one of the above-mentioned form controls
381381

382382
## Floating labels
383383

384-
BFormGroup supports the new and fancy [Floating labels](https://getbootstrap.com/docs/5.0/forms/floating-labels/) feature of Bootstrap 5.
384+
BFormGroup supports the new and fancy [Floating labels](https://getbootstrap.com/docs/5.3/forms/floating-labels/) feature of Bootstrap 5.
385385

386386
You can make a floating label by setting the property `floating` to true and specify a placeholder on the `<BFormInput>`.
387387

apps/docs/src/docs/components/form.md

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -93,12 +93,7 @@ supported components, form layout, and more.
9393
</BFormGroup>
9494
9595
<BFormGroup id="input-group-2" label="Your Name:" label-for="input-2">
96-
<BFormInput
97-
id="input-2"
98-
v-model="form.name"
99-
placeholder="Enter name"
100-
required
101-
></BFormInput>
96+
<BFormInput id="input-2" v-model="form.name" placeholder="Enter name" required></BFormInput>
10297
</BFormGroup>
10398
<BFormGroup id="input-group-3" label="Food:" label-for="input-3">
10499
<BFormSelect id="input-3" v-model="form.food" :options="foods" required></BFormSelect>
@@ -156,7 +151,7 @@ const onReset = (event) => {
156151

157152
## Inline form
158153

159-
Bootstrap 5 has dropped form-specific layout classes for the grid system. See [this](https://getbootstrap.com/docs/5.0/migration/#forms).
154+
Bootstrap 5 has dropped form-specific layout classes for the grid system. See [this](https://getbootstrap.com/docs/5.3/migration/#forms).
160155

161156
To create horizontal forms with the grid by add the `.row` class to form groups and use the `.col-_-_` classes to specify the width of your labels and controls. Be sure to add `.col-form-label` to your `<label>`s as well, so they’re vertically centered with their associated form controls.
162157

@@ -439,7 +434,7 @@ of three contextual states:
439434
- `null` Displays no validation state (neither valid nor invalid)
440435

441436
Refer to the
442-
[Bootstrap v5 Form Validation Documentation](https://getbootstrap.com/docs/5.0/forms/validation/)
437+
[Bootstrap v5 Form Validation Documentation](https://getbootstrap.com/docs/5.3/forms/validation/)
443438
for details on the Bootstrap v5 validation states.
444439

445440
<ComponentReference :data="data" />

apps/docs/src/docs/components/link.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ By defaut links with no options will default to # location.
2929
External Links can be specified with the `href` prop.
3030

3131
<HighlightCard>
32-
<BLink href="https://getbootstrap.com/docs/5.0">
32+
<BLink href="https://getbootstrap.com/docs/5.3">
3333
External Link to Bootstrap
3434
</BLink>
3535
<BLink to="sample">
@@ -41,7 +41,7 @@ External Links can be specified with the `href` prop.
4141
<template #html>
4242

4343
```vue-html
44-
<BLink href="https://getbootstrap.com/docs/5.0">
44+
<BLink href="https://getbootstrap.com/docs/5.3">
4545
External Link to Bootstrap
4646
</BLink>
4747
@@ -62,20 +62,20 @@ External Links can be specified with the `href` prop.
6262
External Links can be specified with the `href` prop.
6363

6464
<HighlightCard>
65-
<BLink class="btn btn-primary me-2" href="https://getbootstrap.com/docs/5.0">
65+
<BLink class="btn btn-primary me-2" href="https://getbootstrap.com/docs/5.3">
6666
External Link to Bootstrap
6767
</BLink>
68-
<BLink class="btn btn-primary disabled" href="https://getbootstrap.com/docs/5.0">
68+
<BLink class="btn btn-primary disabled" href="https://getbootstrap.com/docs/5.3">
6969
Disabled Link
7070
</BLink>
7171
<template #html>
7272

7373
```vue-html
74-
<BLink class="btn btn-primary m-2" href="https://getbootstrap.com/docs/5.0">
74+
<BLink class="btn btn-primary m-2" href="https://getbootstrap.com/docs/5.3">
7575
External Link to Bootstrap
7676
</BLink>
7777
78-
<BLink class="btn btn-primary disabled m-2" href="https://getbootstrap.com/docs/5.0">
78+
<BLink class="btn btn-primary disabled m-2" href="https://getbootstrap.com/docs/5.3">
7979
Disabled Link
8080
</BLink>
8181
```

apps/docs/src/docs/components/spinner.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ Spinners in Bootstrap are built with `rem`s, currentColor, and `display: inline-
110110

111111
### Margin
112112

113-
Use [margin utilities](https://getbootstrap.com/docs/5.0/utilities/spacing/) like `.m-5` for easy spacing.
113+
Use [margin utilities](https://getbootstrap.com/docs/5.3/utilities/spacing/) like `.m-5` for easy spacing.
114114

115115
<HighlightCard>
116116
<BSpinner class="m-5"></BSpinner>
@@ -125,7 +125,7 @@ Use [margin utilities](https://getbootstrap.com/docs/5.0/utilities/spacing/) lik
125125

126126
### Placement
127127

128-
Use [flexbox utilities](https://getbootstrap.com/docs/5.0/utilities/flex/), [float utilities](https://getbootstrap.com/docs/5.0/utilities/float/), or [text alignment](https://getbootstrap.com/docs/5.0/utilities/text/) utilities to place spinners exactly where you need them in any situation.
128+
Use [flexbox utilities](https://getbootstrap.com/docs/5.3/utilities/flex/), [float utilities](https://getbootstrap.com/docs/5.3/utilities/float/), or [text alignment](https://getbootstrap.com/docs/5.3/utilities/text/) utilities to place spinners exactly where you need them in any situation.
129129

130130
#### Flex
131131

0 commit comments

Comments
 (0)