+7
-4
lines changedFilter options
+7
-4
lines changed Original file line number Diff line number Diff line change
@@ -79,9 +79,10 @@ By default, the label appears above the input element(s), but you may optionally
79
79
(label to the left of the input) at the various standard Bootstrap breakpoints.
80
80
81
81
The props`label-cols` and `label-cols-{breakpoint}` allow you to specify how many columns the label
82
-
should occupy in the row. The input(s) will fill the rest of the row. The value must be a number
82
+
should occupy in the row. The input will fill the rest of the row width. The value must be a number
83
83
greater than `0`. Or you can set the prop to `true` to make the label and input(s) each occupy half
84
-
of the width of the rendered row (handy if you have custom Bootstrap with an odd number of columns).
84
+
of the width of the rendered row (handy if you have custom Bootstrap with an odd number of columns),
85
+
or set the value to `'auto'` so that the label occupies only the width that is needed.
85
86
86
87
| prop | description |
87
88
| --------------- | --------------------------------- |
@@ -107,6 +108,8 @@ of the width of the rendered row (handy if you have custom Bootstrap with an odd
107
108
</div>
108
109
</div>
109
110
111
+
The ability to set the label cols to `'auto'` was added in BootstrapVue version <samp>2.1.0</samp>.
112
+
110
113
<!-- b-form-group-horizontal.vue -->
111
114
```
112
115
@@ -228,7 +231,7 @@ of related form controls:
228
231
Setting the `disabled` prop will disable the rendered `<fieldset>` and, on most browsers, will
229
232
disable all the input elements contained within the fieldset.
230
233
231
-
`disabled` has no effect when `label-for` is set (as a `fieldset` element is not rendered).
234
+
`disabled` has no effect when `label-for` is set (as a `<fieldset>` element is not rendered).
232
235
233
236
## Validation state feedback
234
237
Original file line number Diff line number Diff line change
@@ -258,7 +258,7 @@ export const BFormGroup = {
258
258
// Handle case where the prop's value is an empty string,
259
259
// which represents true
260
260
propVal = propVal === '' ? true : propVal || false
261
-
if (!isBoolean(propVal)) {
261
+
if (!isBoolean(propVal) && propVal !== 'auto') {
262
262
// Convert to column size to number
263
263
propVal = parseInt(propVal, 10) || 0
264
264
// Ensure column size is greater than 0
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4