question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

b-form-group: horizontal layout works only in some cases

See original GitHub issue

Describe the bug According to docs https://cdmoro.github.io/bootstrap-vue-3/components/FormGroup.html#horizontal-layout

all these should work:

 <b-form-group
                                label-cols="4"
                                label-cols-lg="2"
                                label="Test 1"
                            >
                                <b-form-input></b-form-input>
                            </b-form-group>


                            <b-form-group
                                label-cols="4"
                                label="Test 2"
                            >
                                <b-form-input></b-form-input>
                            </b-form-group>



                            <b-form-group
                                label-cols="auto"
                                label="Test 3"
                            >
                                <b-form-input></b-form-input>
                            </b-form-group>

but only Test 1 has a horizontal layout.

Version: 0.3.4

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
VividLemoncommented, Sep 23, 2022

Related, maybe I misunderstand usage:

You’re not. This is a bug

0reactions
mariusacommented, Sep 30, 2022

Thank you so much!

Message ID: @.***>

Read more comments on GitHub >

github_iconTop Results From Across the Web

Cannot get Bootstrap 4 Horizontal Form to work as required
Namely I want the combos to be aligned as shown in the example, but I don't want the combos larger than necessary, and...
Read more >
Should `bs-form-group` be contextual? · Issue #186 · ember ... - GitHub
I ran into this trying to adjust for some B... ... that for it to behave the same, we need to add both...
Read more >
Forms - Bootstrap
form-group class is the easiest way to add some structure to forms. It provides a flexible class that encourages proper grouping of labels,...
Read more >
Bootstrap Vertical Forms, Horizontal Forms, Inline Forms
Horizontal forms are different from Vertical forms not only in the amount of markup but also in the presentation of the form. To...
Read more >
Layouts — django-crispy-forms 1.14.0 documentation
A Layout is constructed by layout objects, which can be thought of as form components. All these components are explained later in Universal...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found